Possible Duplicate:
Javascript expression to define object’s property name?
I'm trying to add objects to an array, but I want to have the name and value to be dynamic. Here's an example:
(function(){
var data = [];
for(i=0; i<5; i++){
data.push({'name' + i: i});
}
console.log(data);
})()
I guess I can't use a variable for the property so I'm not sure what to do.
If you want to use a dynamically named property, you need to use array access notation:
var temp = {};
temp['name' + i] = i;
data.push(temp);
(function(){
var data,
temp,
i;
data = [];
for (i = 0; i < 5; i += 1) {
temp = {};
temp['name' + i] = i;
data.push(temp);
}
console.log(data);
}());
Modified code: key based on variable value can be added in an object using '[]'. jsfiddle
(function(){
var data = [], a;
for(i=0; i<5; i++){
a = {};
a['name' + i] = i;
data.push(a);
}
console.log(data);
})()
Like this:
for(i=0; i<5; i++){
var obj = {};
obj["name" + i] = i;
data.push(obj);
}
But I would wonder why you'd want to hard-code the index into the property name.
Since you have an Array, you already have an associated index. It also makes the property hard to look up.
If you need an association of the original index, I'd use a separate property.
for(i=0; i<5; i++){
data.push({name: i, idx: i});
}
data[i]['name' + i]to geti... It's nonsensical.data[i]['name' + i]is pointless. Why not just usedata[i].name?