ES6数组去重的方法有哪些

这篇文章主要介绍“ES6数组去重的方法有哪些”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“ES6数组去重的方法有哪些”文章能帮助大家解决问题。

成都创新互联公司主营丰顺网站建设的网络公司,主营网站建设方案,成都App定制开发,丰顺h5微信小程序搭建,丰顺网站营销推广欢迎丰顺等地区企业咨询

5种方法：1、用Set结构和Array.from()，语法“Array.from(new Set(arr))”；2、用Set结构和扩展运算符，语法“[...new Set(arr)]”；3、遍历数组，在循环体中利用indexOf()去重等。

本教程操作环境：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);

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

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);

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);

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);

关于“ES6数组去重的方法有哪些”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注创新互联行业资讯频道，小编每天都会为大家更新不同的知识点。

分享标题：ES6数组去重的方法有哪些
网站URL：https://www.cdcxhl.com/article4/poseie.html

成都网站建设公司_创新互联，为您提供用户体验、自适应网站、建站公司、虚拟主机、Google、标签优化

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联