基于一个公共键角度2合并2个阵列 [英] Merging 2 arrays based on one common key angular 2

问题描述

我在 Angular 2 中有2个数组，我想根据一个键值合并它们。


数组1：

I have 2 arrays in Angular 2 and I want to merge them based on one key value.

Array 1 :

[{"columnId":1,"type":"value 1"},{"columnId":2,"type":"value 2"}]

数组2：

[{"columnId":1,"field":"field 1"},{"columnId":2,"field":"field 2"}]

所以我希望得到最终结果

And so I want final result as

[{"columnId":1,"field":"field 1","type":"value 1"},{"columnId":2,"field":"field 2","type":"value 2"}]

推荐答案

这应该做你想要的：

const arr1 = [{"columnId":1,"type":"value 1"},{"columnId":2,"type":"value 2"}];
const arr2 = [{"columnId":1,"field":"field 1"},{"columnId":2,"field":"field 2"}];

const result = arr1.map(val => {
    return Object.assign({}, val, arr2.filter(v => v.columnId === val.columnId)[0]);
});

console.log(result);
// [{"columnId":1,"field":"field 1","type":"value 1"},{"columnId":2,"field":"field 2","type":"value 2"}]

这篇关于基于一个公共键角度2合并2个阵列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！