ES6数组去重的5种方法是什么

175 阅读 0 评论 116 点赞

我是靠谱客的博主高高哑铃，这篇文章主要介绍ES6数组去重的5种方法是什么，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、ECMAScript 6版、Dell G3电脑。

ES6数组去重的5种方法

1、Set数据结构和Array.from()去重

复制代码let arr=[1,2,3,3,2,"1",0,undefined,undefined];
let newArr=Array.from(new Set(arr));
console.log(newArr);1
2
3
let arr=[1,2,3,3,2,"1",0,undefined,undefined];
let newArr=Array.from(new Set(arr));
console.log(newArr);
登录后复制

2、Set数据结构和扩展运算符“...”去重

复制代码let arr=[1,2,3,3,2,"1",0,1,2];
let newArr=[...new Set(arr)];
console.log(newArr);1
2
3
let arr=[1,2,3,3,2,"1",0,1,2];
let newArr=[...new Set(arr)];
console.log(newArr);
登录后复制

3、利用单层循环 + indexOf 去重

复制代码var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = [];
for(let i = 0;i <arr.length;i++){
    if(newArr.indexOf(arr[i]) ===-1) {
      newArr.push(arr[i]);
    }
}
console.log(newArr);1
2
3
4
5
6
7
8
var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = [];
for(let i = 0;i <arr.length;i++){
    if(newArr.indexOf(arr[i]) ===-1) {
      newArr.push(arr[i]);
    }
}
console.log(newArr);
登录后复制

4、利用数组的 includes 方法去重

复制代码var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = [];
for(let i = 0;i <arr.length;i++){
  if(!newArr.includes(arr[i])){
    newArr.push(arr[i]);
  }
}
console.log(newArr);1
2
3
4
5
6
7
8
var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = [];
for(let i = 0;i <arr.length;i++){
  if(!newArr.includes(arr[i])){
    newArr.push(arr[i]);
  }
}
console.log(newArr);
登录后复制

5、利用数组的 filter 方法去重

复制代码var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = arr.filter((item,index)=> {
  return arr.indexOf(item,0) === index;
});
console.log(newArr);1
2
3
4
5
var arr=[1,2,3,3,2,"1",0,1,2,undefined,undefined];
var newArr = arr.filter((item,index)=> {
  return arr.indexOf(item,0) === index;
});
console.log(newArr);
登录后复制