Javascript dynamically create variables from array

Question

just started to dabble with Javascript so I'm sorry if this is a basic question. I have an array of keys:

keys = ['fruits','vegetables','fats','meats']

I want to dynamically create a Map for each of these elements in the array (the length of this array may change). I'm trying to do something like this:

for (var i=0; i<keys.length; i++) {
    map_name = keys[i];
    var map_name = new Map();
    map_name.set('foo','bar');
}
console.log(fruits)

Output: fruits is not defined

I've tried searching for some kind of syntax to be able to dynamically create this while also being able to access the Maps that are created globally, but I can't seem to find a solution.

Thank you!

please add an example of the wanted map as well. you have only keys, but no values. — Nina Scholz
– Nina Scholz, Commented May 6, 2017 at 8:21
ok, but can you add an example of what you have and what you want? — Nina Scholz
– Nina Scholz, Commented May 6, 2017 at 8:26

melpomene · Accepted Answer · 2017-05-06 08:30:55Z

0

Trying to create variable names dynamically is a bad idea. Use a map instead:

var keys = ['fruits','vegetables','fats','meats'];

var things = new Map();
for (var i=0; i<keys.length; i++) {
    var map_name = keys[i];
    var map_value = new Map();
    map_value.set('foo', 'bar');
    things.set(map_name, map_value);
}

console.log(things.get('fruits').get('foo'));

answered May 6, 2017 at 8:30

melpomene

86.2k8 gold badges95 silver badges154 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

HarshaXsoad · Accepted Answer · 2017-05-06 08:35:37Z

-1

try this

keys = ['fruits','vegetables','fats','meats']

for (var i=0; i<keys.length; i++) {
    map_name = keys[i];
    window[map_name] = new Map();
    window[map_name].set('foo','bar');
}

console.log(fruits)

By setting your keys as properties of window object you can access it by just using variable name directly, like 'fruits'.

But in practice it is not recommended to add properties to window object. You should use your own object for that.

answered May 6, 2017 at 8:35

HarshaXsoad

83011 silver badges33 bronze badges

Collectives™ on Stack Overflow

Javascript dynamically create variables from array

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related