js中数组对象去重

const arr = [
      {id: 1, parentid: 0},
      {id: 2, parentid: 1},
      {id: 3, parentid: 1},
      {id: 3, parentid: 1},
      {id: 4, parentid: 2},
      {id: 5, parentid: 2},
      {id: 6, parentid: 0},
      {id: 6, parentid: 0},
      {id: 7, parentid: 0},
  ];

数组对象去重方法一

  let obj1 = {};
  let res1 = [];
  arr.forEach((item)=> {
    if(!obj1[item.id]) {
        res1.push(item);
        obj1[item.id] = true;
    }
  });
  console.log(res1);

数组对象去重方法二

  let obj2 = {};
  let res2 = [];
  res2 = arr.reduce((prev, item) => {
    obj2[item.id] ? '': obj2[item.id] = true && prev.push(item);
    return prev;
  }, [])
  console.log(res2);

reduce的用法：

reduce()方法接收一个函数作为累加器，reduce为数组中每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，回调函数接收的四个参数：初始值（上一次回调的返回值）、当前元素、当前索引、原数组。

语法：arr.reduce(callback, [initialValue])

callback中的4个参数：

1. previousValue：上一次调用回调返回的值，或者是提供的初始值initialValue
2. currentValue：数组中当前被处理的元素
3. index：当前元素在数组中的索引
4. array：调用的数组

initialValue：作为第一次调用callback的第一个参数