JavaScript常见的数组去重的方法

1、使用ES6 Set

var arr = [1, 1, 4, 2, 2, 3, 3, 3, 6, 6, 6];
arr = Array.from(new Set(arr));
console.log(arr);//[1, 4, 2, 3, 6]

2、使用forEach和indexOf方法

使用forEach遍历原数组arr，使用indexOf查找元素，如果元素在新数组中不存在，就将当前元素放入新数组newArr。

var arr = [1, 1, 4, 2, 2, 3, 3, 3, 6, 6, 6];
var newArr = [];
arr.forEach((item) => {
  newArr.indexOf(item) === -1 ? newArr.push(item) : "";
});
console.log(newArr);//[1, 4, 2, 3, 6]

3、使用forEach和lastIndexOf方法

使用forEach遍历原数组arr，使用lastIndexOf查找元素，如果元素在新数组中不存在，就将当前元素放入新数组newArr，newArr就是去重后的数组。

var arr = [1, 1, 4, 2, 2, 3, 3, 3, 6, 6, 6];
var newArr = [];
arr.forEach((item) => {
  newArr.lastIndexOf(item) === -1 ? newArr.push(item) : "";
});
console.log(newArr);//[1, 4, 2, 3, 6]

4、使用双重for循环加splice方法

var arr = [1, 1, 4, 2, 2, 3, 3, 3, 6, 6, 6];
for (var i = 0; i < arr.length; i++) {
  for (var j = i + 1; j < arr.length; j++) {
    if (arr[i] == arr[j]) {
      arr.splice(j,1);
      j--;
    }
  }
}
console.log(arr);//[1, 4, 2, 3, 6]

5、使用forEach和includes方法

使用forEach遍历原数组arr，然后判断新数组中是否包含当前元素，如果不存在，就将当前元素放入新数组newArr，newArr就是去重后的数组。

var arr = [1, 1, 4, 2, 2, 3, 3, 3, 6, 6, 6];
var newArr = [];
arr.forEach((item) => {
  newArr.includes(item) ? "" : newArr.push(item);
});
console.log(newArr);//[1, 4, 2, 3, 6]

6、使用fliter和includes方法

使用fliter遍历原数组arr，然后判断新数组中是否包含当前元素，如果不存在，就将当前元素放入新数组newArr，newArr就是去重后的数组。

var arr = [1, 1, 4, 2, 2, 3, 3, 3, 6, 6, 6];
var newArr = [];
arr.filter((item) => {
  newArr.includes(item) ? "" : newArr.push(item);
});
console.log(newArr);//[1, 4, 2, 3, 6]