关于javascript: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)