es6去除重复项_ES6中如何删除数组中的重复项

68 阅读 0 评论 45 点赞

我是靠谱客的博主无聊高山，最近开发中收集的这篇文章主要介绍es6去除重复项_ES6中如何删除数组中的重复项，觉得挺不错的，现在分享给大家，希望可以做个参考。

ES6中，如何删除一个数组中的重复数据呢，以下是我总结的，从数组中过滤掉重复项并且返回唯一值的三种方法。我最喜欢的是使用Set因为它是最简单和最简单的????

const array = ['????',1, 2,'????','????', 3]

// 1: 'Set'

[... new Set(array)]

// 2: 'Filter'

array.filter((item, index) => array.indexOf(item) === index)

// 3: 'Reduce'

array.reduce((unique, item) => unique.includes(item) ? unique : [...unique, item], [])

// 返回结果

[ '????', 1, 2, 3 ]

1. 使用Set

我先解释一下什么是Set:

Set是ES6中引入的新数据对象。Set只允许您存储唯一值。当传入数组时，它会删除任何重复的值。

ok，我们重新回到刚才的代码来分析一下发生了什么事情，(上面的代码)做了两件事情。

1、首先，我们通过传递一个数组来创建了一个新的Set，因为Set只允许存储唯一的值，所以数组中那些重复的值会被删除。

2、创建一个新的Set对象后，重复值已经被删除了，现在我们使用...运算符，将其转换回数组。

const array = ['????',1,

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。