首页 > web前端 > 前端问答 > es6扩展运算符可以去重吗

es6扩展运算符可以去重吗

青灯夜游
发布: 2022-04-19 20:04:22
原创
2445 人浏览过

es6中,单独使用扩展运算符“...”无法去重,可配合Set对象来进行数组去重。去重方法:1、用“new Set(arr)”语句将数组转为Set集合类型,利用Set特性去除重复元素;2、用“[...集合]”语句将去重后的Set集合转为数组。

es6扩展运算符可以去重吗

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

在es6中,单独使用扩展运算符“...”无法去重,可配合Set对象来进行数组去重。

  • Set是ES6新提供的数据结构,类似于数组,但是本身没有重复值。利用这一特性,我们可以将数组转为Set类型进行去重,然后使用Array.from方法将其再转为数组。

  • 扩展运算符是ES6中引入的,将可迭代对象展开到其单独的元素中,所谓的可迭代对象就是任何能用for of循环进行遍历的对象,例如:数组、字符串、Map 、Set 、DOM节点等。

实现思想:

  • 将数组转为set集合去重后,使用扩展运算符将集合展开到数组中,将集合转为数组

实现代码:

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

1.png

【相关推荐:javascript视频教程web前端

以上是es6扩展运算符可以去重吗的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
es6
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板