通过 2 个键连接 3 个 JavaScript 数组？

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 解决方案。它本质上只是id 和year 上的groupBy，然后是一个将所有匹配对象合并在一起的映射。

//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