ES6 数组去重的最佳实践:Set 结合 Array.from() | 拓展运算符结合 Set

2024-02-25 09:04:18 浏览数 (2)

前言

代码语言:javascript复制
ES5及之前大多都是用遍历和算法来实现数组去重,在ES6有一个更为简便的方式。ES6之Set,Array.from, ...

实践

1. Set Array.from()

这里使用的是Set的一个特性,集合中不会包含重复项。结合Array.from()实现数组去重 ,看图

从图中看出,经过转化的数组是可以正常数组操作的。那么多赋值可以精简为两条代码或走一条;

代码语言:javascript复制
var set1 = Array.from(new Set([1,1,2,2,33,'33',44,'44'
]))

2. …[拓展运算符] Set

代码语言:javascript复制
var tt  = [...new Set([5,5,6,6,8,])] 

总结

代码语言:javascript复制
一直想写个ES6特性的系列文章,整理了一段时间,不想写概而全的纯理论,只想写一些贴近工作的,
最常用到的,比如块级作用域,箭头函数,字符串模板等等---敬请期待

上面那两个方法并不是万能的,只能作为常规的数组去重,因为涉及到对象或者多维数组的去重,
还是需要其他一些方法来辅助,该遍历遍历,该比较还是得比较。。。。

0 人点赞