js 处理数组重复元素示例代码

下面详细讲解一下“js 处理数组重复元素示例代码”的完整攻略。

1. 需求分析

在处理数组时，有时候需要去重，即移除数组中的重复元素。这时候我们可以使用 JavaScript 中提供的一些方法和技巧来实现。

2. 方法一：使用 Set 数据结构

Set 是 ES6 中新增的一种数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。

对于一个数组，我们可以将其转为 Set，然后再将 Set 转回为数组，这样就实现了去重。

const arr = [1, 2, 2, 3, 4, 4, 5];
const newArr = [...new Set(arr)];
console.log(newArr); // [1, 2, 3, 4, 5]

这里通过扩展运算符将 Set 转为数组，实现了去重。这种方法简单易懂，并且运行速度较快，推荐使用。

3. 方法二：使用 filter 和 indexOf

这种方法比较 old-school，但是可以用于 ES6 以下的环境中。它使用了数组的 filter 方法和 indexOf 方法。

const arr = [1, 2, 2, 3, 4, 4, 5];
const newArr = arr.filter((item, index) => {
  return arr.indexOf(item) === index;
});
console.log(newArr); // [1, 2, 3, 4, 5]

这里使用了 filter 方法，将数组中每一个元素都遍历了一遍，并将符合条件的元素保留，其余的元素丢弃。同时，使用 indexOf 判断当前元素是否是第一次出现，如果是，则返回 true，保留元素；否则返回 false，丢弃元素。

4. 总结

以上两种方法都可以用于数组去重，其中 Set 方法是较新的技术，使用简单，处理速度较快；而 filter 和 indexOf 方法则是一些较为基础的技术，但是适用性更广。

总体而言，建议使用 Set 的方法，除非在一些特殊场合下需要使用 filter 和 indexOf。