JS数组去重的两种方式

1  普通数组去重

let arr = [1,2,3,2,5,3,1,NaN, null, false, undefined, false, NaN, null, undefined];

　　1.1 ES5实现

// foreach循环
deleteCopy(arr){      
  let obj={};
  let newArr = [];
  // 利用对象的key值  
  arr.forEach((item,index) => { 
    if(!obj[item]){
      obj[item] = true;
      newArr.push(item);
    }             
  });
  console.log(newArr); 
  // [1, 2, 3, 5, NaN, null, false, undefined]
},

　　1.2 ES6　　

// set返回的是一个对象，该用Array.form，可以把类数组对象、可迭代对象转化为数组
deleteCopyES6(arr){
  console.log(Array.from(new Set(arr)))
  // [1, 2, 3, 5, NaN, null, false, undefined]
},

2  数组对象属性去重

　　2.1 对象属性去重是实际开发当中最常用的。也是利用对象的key值的唯一性来去重。　　

const arr = [{
    id: '123',
    name: '张三'
  }, {
    id: '111',
    name: '李四'
  }, {
    id: '123',
    name: '王五'
  }
]
function deleteRepeat(arr, key) {
  let result = [], obj = {};
  arr.forEach(item => {
    if (!obj[item[key]]) {
      result.push(item);
      obj[item[key]] = true
    }
  })
  return result;
}
console.log(deleteRepeat(arr, 'id'))

　　2.2  利用ES6的Map方法

function unique(arr, key) {
  let map = new Map();
  arr.forEach((item,index) => !map.has(item[key]) ? map.set(item[key],item) : '');
  return [...map.values()]
}