ES6根据关键的Typescript或Javascript合并两个数组（数组包含另一个数组）

Question

我想合并两个数组，两个数组都包含另一个数组。请参阅以下两个数组。const arr1=[{"projectId":30278,"projectName":null,"details":[{"amount":"9097457.11","currency":"USD","paymentDate":"2016-05-16T00:00:00"}]},{"projectId":37602,"projectName":null,"details":[{"amount":"8234743.0","currency":"USD","paymentDate":"2019-04-30T00:00:00"},{"amount":"8234743.0","currency":"USD","paymentDate":"2019-04-23T00:00:00"}]}]const arr2= [{"projectId":30278,"projectName":null,"details":[{"amount":"8097457.11","currency":"USD","paymentDate":"2016-05-16T00:00:00"}]},{"projectId":37602,"projectName":null,"details":[{"amount":"7234743.0","currency":"USD","paymentDate":"2019-04-30T00:00:00"},{"amount":"7234743.0","currency":"USD","paymentDate":"2019-04-23T00:00:00"}]}]当我使用ES6扩展运算符时，两个值都附加到单个数组。但我想基于该数组中的prjectId进行合并。所以在合并之后，我需要得到如下的结果const result = [{"projectId":30278,"projectName":null,"details":[{"amount":"9097457.11","currency":"USD","paymentDate":"2016-05-16T00:00:00"},{"amount":"8097457.11","currency":"USD","paymentDate":"2016-05-16T00:00:00"}]},{"projectId":37602,"projectName":null,"details":[{"amount":"8234743.0","currency":"USD","paymentDate":"2019-04-30T00:00:00"},{"amount":"8234743.0","currency":"USD","paymentDate":"2019-04-23T00:00:00"},{"amount":"7234743.0","currency":"USD","paymentDate":"2019-04-30T00:00:00"},{"amount":"7234743.0","currency":"USD","paymentDate":"2019-04-23T00:00:00"}]}]

Answer 1

const arr1=

[{"projectId":30278,"projectName":null,"details":[{"amount":"9097457.11","currency":"USD","paymentDate":"2016-05-16T00:00:00"}]},{"projectId":37602,"projectName":null,"details":[{"amount":"8234743.0","currency":"USD","paymentDate":"2019-04-30T00:00:00"},{"amount":"8234743.0","currency":"USD","paymentDate":"2019-04-23T00:00:00"}]}]

const arr2= 

[{"projectId":30278,"projectName":null,"details":[{"amount":"8097457.11","currency":"USD","paymentDate":"2016-05-16T00:00:00"}]},{"projectId":37602,"projectName":null,"details":[{"amount":"7234743.0","currency":"USD","paymentDate":"2019-04-30T00:00:00"},{"amount":"7234743.0","currency":"USD","paymentDate":"2019-04-23T00:00:00"}]}]

var fullArray = [...arr1,...arr2];

var mergedData ={};

fullArray.forEach(function(data){

  if(mergedData[data.projectId]){

    mergedData[data.projectId]["details"] = mergedData[data.projectId]["details"].concat(data.details)

  } else {

  mergedData[data.projectId] = data;

  }

})

console.log(Object.values(mergedData))

Answer 2

您也可以在这种情况下尝试此操作。

let mergedArr = [];    

let projectIdsArr1 = arr1.map(item => item.projectId);    

arr2.map(outerLoopItem => { 

    if (projectIdsArr1.includes(outerLoopItem.projectId)) {

      let found = arr1.find(innerLoopItem => innerLoopItem.projectId === outerLoopItem.projectId);

      found.details = [...found.details, ...outerLoopItem.details];

      mergedArr.push(found);

    } else mergedArr.push(outerLoopItem);

});

console.log(mergedArr);

Answer 3

您可以使用Lodash unionBy函数轻松实现该功能。

const result = _.unionBy(arr1, arr2, 'projectId')