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合併兩個數組