Exploring the World of Dynamic Arrays and Objects in JavaScript

Question

Can we achieve this?

I am looking to create an array with a dynamic name and content that can be easily expanded and accessed.

variable = {};
var values = ['item', 'item2'];
for(key in values){
    variable[values[key]] = [];
}

If it's possible but not through the above method, then how can it be done?

Answer 1

Answer №1

It is entirely achievable, just ensure that the property belongs to the object and is not inherited from a higher level in the prototype chain:

customObject = {};
var elements = ['item', 'item2'];

Using for..in loop:</p>

<pre><code>for(var index in elements){
    if(elements.hasOwnProperty(index))
       customObject[elements[index]] = [];
}

Using regular for loop:

for(var j = 0; j < elements.length; j++)
   customObject[elements[j]] = [];

Answer 2

It is entirely achievable, just ensure that the property belongs to the object and is not inherited from a higher level in the prototype chain:

customObject = {};
var elements = ['item', 'item2'];

Using for..in loop:</p>

<pre><code>for(var index in elements){
    if(elements.hasOwnProperty(index))
       customObject[elements[index]] = [];
}

Using regular for loop:

for(var j = 0; j < elements.length; j++)
   customObject[elements[j]] = [];

Answer 3

let newObj = {};
let items  = 'item item2'.split(' ');
for (let x=0,length=items.length;x<length;++x){
  newObj[items[x]] = [];
}

Answer 4

let newObj = {};
let items  = 'item item2'.split(' ');
for (let x=0,length=items.length;x<length;++x){
  newObj[items[x]] = [];
}