如何在javascript中动态地将值添加到对象数组?
问题描述:
这是一个对象数组,
var data = [
{"label" : "1", "value" : 12},
{"label" : "1", "value" : 12},
{"label" : "1", "value" : 12},
{"label" : "1", "value" : 12}
];
如何动态为这些值添加值?我尝试了下面的代码,但没有成功
how can i add values to these dynamically? i tried the below code but no success
var lab =["1","2","3", "4"];
var val = [42,55,51,22];
var data = new Array();
for(var i=0; i<4; i++){
data[i].label = lab[i];
data[i].value = val[i];
}
任何人都请.. 预先感谢
anyone please.. thanks in advance
答
您必须首先实例化该对象.最简单的方法是:
You have to instantiate the object first. The simplest way is:
var lab =["1","2","3"];
var val = [42,55,51,22];
var data = [];
for(var i=0; i<4; i++) {
data.push({label: lab[i], value: val[i]});
}
或其他不太简洁的方法,但更接近原始代码:
Or an other, less concise way, but closer to your original code:
for(var i=0; i<4; i++) {
data[i] = {}; // creates a new object
data[i].label = lab[i];
data[i].value = val[i];
}
array()
不会创建新的数组(除非您定义了该函数). Array()
或new Array()
或[]
.
array()
will not create a new array (unless you defined that function). Either Array()
or new Array()
or just []
.
我建议阅读 MDN JavaScript指南.