Question

1.加入这3个阵列的有效方法是什么:(非常欢迎使用lodash等的例子）

 [
    { id : "A", year : 1990, x : 10}
    { id : "B", year : 1990, x : 10}
 ]

 [
    { id : "A", year : 1990, y : 100}
    { id : "B", year : 1990, y : 100}
 ]

 [
    { id : "A", year : 1990, z : 1000}
    { id : "B", year : 2000, z : 1000}
 ]

要获得此结果：

[
   { id : "A", year : 1990, x : 10, y: 100, z: 1000}
   { id : "B", year : 1990, x : 10, y: 100, z: 1000}
   { id : "B", year : 2000, z : 1000}
]

Answer 1

使用具有2个主键串联作为属性名称的临时对象，您可以执行以下操作：

var a= [
    { id : "A", year : 1990, x : 10},
    { id : "B", year : 1990, x : 10}
 ];

var b= [
    { id : "A", year : 1990, y : 100},
    { id : "B", year : 1990, y : 100}
 ];

 var c= [
    { id : "A", year : 1990, z : 1000},
    { id : "B", year : 2000, z : 1000}
 ];
 var tmp={},
     arrs=[a,b,c]


arrs.forEach(function( mainArr){     
     mainArr.forEach(function(obj){
         var combinedKeys= obj.id + obj.year;
         if(!tmp[combinedKeys]){
             tmp[combinedKeys] ={}  
         }
         var keys = Object.keys(obj)
         keys.forEach(function(key){
             if(!tmp[combinedKeys].hasOwnProperty(key)){
                 tmp[combinedKeys][key]=obj[key] ;
             }
         });
     });     
 });        

var newArr=[];
for( key in tmp){
    newArr.push(tmp[key]);
}

这将是非破坏性的，并保持原始阵列不受影响

的 DEMO

Answer 2

这是一个lodash解决方案。它基本上只是groupBy和id上的year，然后是将所有匹配对象合并在一起的地图。

//assuming your three arrays are "a", "b", and "c"
_(a).concat(b).concat(c) //begin lodash chaining syntax, join arrays
    .groupBy(function(obj) { //group by the combination of the id and year
        return obj.id + "|" + obj.year;
    })
    .map(Function.apply.bind(_.merge, null)) //merge array of objects matching id and year into a single object
.value() //end lodash chaining syntax

用2个键加入3个JavaScript数组？

2 个答案: