如何在javascript上向数组的对象添加新元素

时间:2015-04-06 03:30:57

标签: javascript underscore.js

我有var arr = [{name:"Joe"}, {name:"Mark"}]; 我有像var ageArr = [{age: 24}, {age: 30}]

这样的年龄数组

我需要以编程方式添加对象的相应年龄

我的数组需要看起来像var arr = [{name:"Joe", age: 24}, {name:"Mark", age: 30}];

我正在使用javascript并包含了库underscore.js。

是否有更清洁的方法来实现这一目标。有人可以为此提供代码片段。

3 个答案:

答案 0 :(得分:3)

你可以

var newArr = arr.map(function(v, i) {
    return _.extend(v, ageArr[i]);
});

如果您不喜欢使用免费变量ageArr并按索引访问 - 您可以先zip

var newArr = _.zip(arr, ageArr).map(function(v) {
    return _.extend(v[0], v[1]);
});

JSFiddle:http://jsfiddle.net/wrq2Lo8m/

答案 1 :(得分:1)

您可以使用简单的Javascript代码来实现此目的。



var arr = [{name:"Joe"}, {name:"Mark"}];
var ageArr = [{age: 24}, {age: 30}]


var newArr = []


for(var i =0 ; i < arr.length ; i++)
{
   var newObj = new Object();
   newObj.name = arr[i].name;
   newObj.age = ageArr[i].age;
   
   newArr.push(newObj)
}

alert(JSON.stringify(newArr))
&#13;
&#13;
&#13;

点击“运行代码段”

答案 2 :(得分:0)

最直接的方式:

// make sure names and ages are same length
function mapNameWithAge(names, ages) {
  var len = names.length,
    ans = [];
  for(var i=0;i<len;i++) {
    var obj = {
      "name": names[i].name,
      "age": ages[i].age
    }
    ans.push(obj);
  }
  return JSON.stringify(ans)
}

var arr = [{name:"Joe"}, {name:"Mark"}],
  ageArr = [{age: 24}, {age: 30}];
var result = mapNameWithAge(arr, ageArr);
console.log(result);