reduce 只知其一;不知其二(一):根據id合併兩個數組

平常

平常遇到的，同id的兩數組合併成一數組的問題

語法

arr.reduce(function(prev,cur,index,arr){
...
}, init);

arr 表示原數組；

prev 表示上一次調用回調時的返回值，或者初始值 init;

cur 表示當前正在處理的數組元素；

index 表示當前正在處理的數組元素的索引，若提供 init 值，則索引爲0，不然索引爲1；

init 表示初始值。

注意:其實經常使用的參數只有兩個：prev 和 cur

根據id合併兩個數組

let arr1 = [{ id: 1, age: '14' },{ id: 2, age: '23' },{ id: 3, age: '33' }]
let arr2 = [{ id: 3, name: 'zhangsan' },{ id: 1, name: 'lisi' },{ id: 2, name: 'wangwu' }]
const list = arr2.reduce((prev, cur) => {
  const target = prev.find(e => e.id === cur.id);
  if (target) {
    Object.assign(target, cur);
  } else {
    prev.push(cur);
  }
  return prev;
}, arr1);
console.log(list)

根據id,taId合併兩個數組

let arr1 = [{ taId: 1, age: '14' },{ taId: 2, age: '23' },{ taId: 3, age: '33' }]
let arr2 = [{ id: 3, name: 'zhangsan' },{ id: 1, name: 'lisi' },{ id: 2, name: 'wangwu' }]
const list = arr2.reduce((prev, cur) => {
  const target = prev.find(e => e.taId === cur.id);
  if (target) {
    Object.assign(target, cur);
  } else {
    prev.push(cur);
  }
  return prev;
}, arr1);
console.log(list)

reduce 只知其一;不知其二(一):根據id合併兩個數組:%E6%A0%B9%E6%8D%AEid%E5%90%88%E5%B9%B6%E4%B8%A4%E4%B8%AA%E6%95%B0%E7%BB%84%20.md)