js数组对象去重

今天给大家介绍三种数组对象去重的方法，简单方便

有这么一组数组对象：

let arr = [{  id: '1',    key: '1',    value: '明月'  }, 
           {  id: '3',    key: '2',    value: '可欣'  },
           {  id: '2',    key: '3',    value: '小红'  },
           {  id: '1',    key: '1',    value: '小馨'  }, 
           {  id: '1',    key: '2',    value: '小静'}]

1、对象访问属性的方法

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()方法

set方法设置key所对应的键值，然后返回整个Map结构。如果key已经有值，则键值会被更新，否则就新生成该键。

values方法可以返回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() 方法

reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值

array.reduce(function(total, currentValue, currentIndex, arr), initialValue)

const obj = {}
arr = arr.reduce((total, next) => {  
obj[next.key] ? '' : obj[next.key] = true && total.push(next)  return total}, [])
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)

希望可以帮助到你！