js去重的方法

1：利用 filter() 去重

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。item是当前元素的值，index是当前元素的索引值。indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。利用indexOf() 查询到数组的下标，看是否等于当前的下标，相等的话就返回，否则不返回值。

var arr = ['apple','apps','pear','apple','orange','apps']; 

var newArr = arr.filter(function(item,index){
     return arr.indexOf(item) === index;  // 因为indexOf 只能查找到第一个  
  });

2：利用new Set()去重

var arr = [1,9,8,8,7,2,5,3,3,3,2,3,1,4,5,444,55,22];

function noRepeat(arr){

var newArr = [...new Set(arr)]; //利用了Set结构不能接收重复数据的特点
    return newArr
  }
var arr2 = noRepeat(arr)

问题：数组对象去重

var arr = [{name: 'a',id: 1}, {name: 'a',id: 2}, {name: 'b',id: 3}, {name: 'c',id: 4}, {name: 'c',id: 6}, {name: 'b',id: 6}, {name: 'd',id: 7}];
对数组对象name进行去重处理， 结果显示为：
[{name: 'a',id: 1}, {name: 'b',id: 3}, {name: 'c',id: 4}, {name: 'd',id: 7}];

var arr3 = [{name: 'a',id: 1}, {name: 'a',id: 2}, {name: 'b',id: 3}, {name: 'c',id: 4}, {name: 'c',id: 6}, {name: 'b',id: 6}, {name: 'd',id: 7}]; let deWeightThree = () => { let name = 'name'; let map = new Map(); for (let item of arr3) { if (!map.has(item.name)) { map.set(item.name, item); } } return [...map.values()]; } let newArr3 = deWeightThree(); console.log('%c%s', 'color:red;', '方法三：es6,newArr3', newArr3);