在ES6的语法中如何给数组去重

在ES6的语法中如何给数组去重

这是从数组中筛选出重复项并仅返回唯一值的三种方法。我最喜欢使用Set,因为它最短,最简单;

set

Set是ES6中引入的新数据对象。因为Set仅允许您存储唯一值。传递数组时,它将删除所有重复值。这个和java基本一样

让我们回到我们的代码,并分解正在发生的事情。有两件事发生:

首先,我们创建一个传递数组的新Set。因为Set允许唯一值,所以将删除所有重复项。

重复项不存在后,我们将使用散布运算符将其转换回数组

在ES6的语法中如何给数组去重

filter

为了理解此选项,让我们看一下这两种方法的作用:indexOf和filter。

indexOf方法返回它从数组中找到的所提供元素的第一个索引。记住是第一个索引;
在ES6的语法中如何给数组去重

filter方法创建一个新的元素数组,这些数组通过我们提供的条件。 换句话说,如果元素通过并返回true,则它将包含在过滤后的数组中。 并且任何失败或返回false的元素都将不在过滤后的数组中。

在ES6的语法中如何给数组去重

reduce

reduce方法用于减少数组的元素,并根据您传递的某些reducer函数将它们组合为最终数组。

在这种情况下,我们的reducer函数将检查我们的最终数组是否包含该项。如果没有,则将该项目推入我们的最终阵列。否则,跳过该元素并按原样返回我们的最终数组(基本上跳过该元素)。

Reduce总是很难理解,因此,让我们进一步研究每种情况并查看输出:

在ES6的语法中如何给数组去重

这是console.log的输出:

在ES6的语法中如何给数组去重