js数组对象去重

1、对象访问属性的方法

数据：

let arr = [{
     id: '1',
     key: '1',
     value: '演员'
   }, {
     id: '3',
     key: '2',
     value: '喜剧'
   }, {
     id: '2',
     key: '3',
     value: 'pink'
   }, {
     id: '1',
     key: '1',
     value: '八角笼中'
   }, {
     id: '1',
     key: '2',
     value: '嘻嘻'
}]

let newArr = [];
    let obj = {};
    for (var i = 0; i < arr.length; i++) {
       if (!obj[arr[i].key]) {
         newArr.push(arr[i])
         obj[arr[i].key] = true
       }
    }
console.log(newArr);

2、Map()方法

let map = new Map();
for (let item of this.arr) {
    map.set(item.id, item);
 }
this.arr = [...map.values()];
console.log(this.arr)

3、reduce() 方法

const obj = {}
arr = arr.reduce((acc, item) => {
  obj[item.key] ? '' : obj[item.key] = true && acc.push(item)
  return acc
}, [])
console.log(arr)

这里还有一个需求，如果有两个或者多个判断条件，给数组对象去重，加一个判断条件就行了

const hasObj = {}
arr = arr.reduce((total, next) => {
   const filterKey = next.key + next.id;
   hasObj[filterKey] ? "" : hasObj[filterKey] = true && total.push(next)
   return total
}, [])
console.log(arr)