create object properties dynamically by a number in JavaScript

Question

I have this object

var containers = {
    1: [],
    2: [],
    3: [],
    4: [],
    5: []
};

and this object only works, if I will have 5 containers. Is it possible to have something like this

var domContainers = $(".container");

var containers = {};

for(var i = 1; i < domContainers.length; i++){
// add a new property to the object
// i: []
}

`containers[i] = [];` See the linked dupetarget for why. – T.J. Crowder Dec 19 '17 at 08:24 — T.J. Crowder, Dec 19 '17 at 08:24

score 1 · Answer 1 · answered Dec 19 '17 at 08:23

1

Yes, absolutely:

for(var i = 1; i <= domContainers.length; i++){
  containers[i] = [];
}

You will have to loop domContainers.length times, since you're starting from 1.

answered Dec 19 '17 at 08:23

31piy

23,323
6
47
67

Faly · Accepted Answer · 2017-12-19T08:31:50.910

1

Yes, it's possible!:

var domContainers = [{}, {}, {}, {}];
var containers = {};
for(var i = 1; i <= domContainers.length; i++) {
    containers[i] = [];
}
console.log(containers);

edited Dec 19 '17 at 08:31

answered Dec 19 '17 at 08:23

Faly

13,291
2
19
37

create object properties dynamically by a number in JavaScript

2 Answers2