JavaScript实现去重的几种方法

js 各种方法去重

原数组：let arr = [1, 3, 4, 2, 5, 6, 8, 4, 7, 9, 6];

1.使用 set，set 成员值唯一，没有重复的值

let newArr1 = [...new Set(arr)];

2.使用 includes

let newArr2 = [];
for(let item of arr){
  if (!newArr2.includes(item)) {
    newArr2.push(item);
  }
};
console.log(newArr2);

3.使用 indexOf

let newArr3 = [];
for(let item of arr){
  if (!(newArr3.indexOf(item) > -1)) {
    newArr3.push(item);
  }
}
console.log(newArr3);

4.使用 filter,因为 indexof 每次查找的是第一个出现的值

let newArr4 = arr.filter((item, index, self) => {
  return self.indexOf(item) === index;
});

ES5

function newArr(arr) {
  var result = [];
  for (var i = 0, len = arr.length; i < len; i++) {
    if (result.indexOf(arr[i]) === -1) {
      result.push(arr[i]);
    }
  }
  return result;
}

function newArr2(arr) {
  let be = {};
  let result = [];
  for (var i = 0, len = arr.length; i < len; i++) {
    if (!be[arr[i]]) {
      be[arr[i]] = 1;
      result.push(arr[i]);
    }
  }
  return result;
}

====================================================
延伸：

使用 map：

let newArr5 = arr.map((item, index, self) => {
  if (self.indexOf(item) === index) {
    return item;
  }
});
// [ 1, 3, 4, 2, 5, 6, 8, undefined, 7, 9, undefined ]

map 为数组映射，返回的数组长度和原数组一样，所以会在空缺的位置填补 undefined。

Object.assign:
合并对象，两个数组中对应索引相同的值只保留一个。但原对象索引值被替代对象值覆盖。

let a = [1, 3, 4, 5, 6];
let b = [1, 3, 4, 5, 6];
let result = Object.assign([], a, b);

// [ 1, 3, 4, 5, 6 ]

let a = [1, 3, 4, 4, 4, 5, 6];
let b = [1, 3, 4, 5, 6];
let result = Object.assign([], a, b);

// [ 1, 3, 4, 5, 6, 5, 6 ]