如何在javascript中动态地将值添加到对象数组? [英] how to add values to an array of objects dynamically in 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指南.

这篇关于如何在javascript中动态地将值添加到对象数组?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！