在前端开发中，我们经常需要使用数组进行数据处理。而数组中可能存在相同元素，这时候就需要进行去重操作。本文将介绍一些 JavaScript 数组去重的方法。
ES6 引入了 Set 对象，它是一种新的数据结构，用于存储唯一值。我们可以利用 Set 对象的特性来对数组进行去重。
const arr = [1, 2, 3, 3, 4];
const uniqueArr = [...new Set(arr)];
console.log(uniqueArr); // [1, 2, 3, 4]
上述代码中，定义了一个包含重复元素的数组 arr，通过 [...new Set(arr)] 将其转换为 Set 对象，并使用扩展运算符将 Set 对象转为数组，得到了去重后的结果 uniqueArr。
我们也可以使用 filter 和 indexOf 方法结合起来对数组进行去重。
const arr = [1, 2, 3, 3, 4];
const uniqueArr = arr.filter((item, index) => {
return arr.indexOf(item) === index;
});
console.log(uniqueArr); // [1, 2, 3, 4]
上述代码中，使用 filter 方法遍历数组，同时使用 indexOf 判断元素是否已经存在于新数组中。如果不存在，则添加到新数组中。
我们还可以使用 reduce 方法结合 includes 来对数组进行去重。
const arr = [1, 2, 3, 3, 4];
const uniqueArr = arr.reduce((prev, curr) => {
return prev.includes(curr) ? prev : [...prev, curr];
}, []);
console.log(uniqueArr); // [1, 2, 3, 4]
上述代码中，使用 reduce 方法遍历数组，同时使用 includes 判断元素是否已经存在于新数组中。如果不存在，则添加到新数组中。
以上就是三种常用的 JavaScript 数组去重方法。其中，使用 Set 对象是最简单、最直观的方法；而使用 filter 和 indexOf 方法和 reduce 方法相对较为复杂，但兼容性较好，适用于更多场景。
本文链接：http://task.lmcjl.com/news/2734.html