es6数组去重

es6数组去重

在ES6中，我们可以使用多种方法来实现数组的去重操作。其中最简单和直观的方法是利用Set对象，它会自动去除重复项。我们也可以通过结合filter方法与indexOf或者Map等数据结构来实现去重功能。

下面几种常见的数组去重方法。

使用Set去重

Set 是 ES6 中新增的数据结构，类似于数组，但成员的值都是的。我们可以通过将数组转换为 Set 来去除重复项，然后再将其转回数组。

javascript
function removeDuplicates(arr) {
    return [...new Set(arr)];
}</p>

<p>let arr = [1, 2, 3, 4, 5, 1, 2, 3];
console.log(removeDuplicates(arr)); // 输出: [1, 2, 3, 4, 5]

在这个例子中，我们创建了一个新的 Set 对象，并将原始数组作为参数传递给它。由于 Set 只允许每个值出现一次，所有重复的值都会被自动移除。然后，我们使用扩展运算符（...）将 Set 转换回数组。

使用filter和indexOf去重

另一种去重方法是使用 Array.prototype.filter 和 Array.prototype.indexOf 方法。这种方法的基本思想是保留次出现的元素，而忽略后续的重复项。

javascript
function removeDuplicates(arr) {
    return arr.filter((item, index) => arr.indexOf(item) === index);
}</p>

<p>let arr = [1, 2, 3, 4, 5, 1, 2, 3];
console.log(removeDuplicates(arr)); // 输出: [1, 2, 3, 4, 5]

在这里，filter 方法会遍历数组中的每一个元素，并且只有当该元素的索引等于其在数组中的次出现的索引时，才将其保留在结果数组中。

使用Map去重

除了上述两种方法外，我们还可以使用 Map 数据结构来进行数组去重。这种方法特别适合处理大型数组，因为它具有较高的性能。

javascript
function removeDuplicates(arr) {
    let map = new Map();
    return arr.filter(item => !map.has(item) && map.set(item, true));
}</p>

<p>let arr = [1, 2, 3, 4, 5, 1, 2, 3];
console.log(removeDuplicates(arr)); // 输出: [1, 2, 3, 4, 5]

在这个示例中，我们创建了一个 Map 对象来存储已经遇到的元素。filter 方法会遍历数组中的每一个元素，对于每个元素，如果它还没有出现在 Map 中，就将其添加到 Map 中并保留在结果数组中；否则，就将其忽略。

来说，ES6 提供了多种强大的工具来帮助我们更简洁、高效地完成数组去重的任务。根据具体的需求和场景选择合适的方法是非常重要的。