极客笔记JS数组去重方法
在前端开发中，经常会遇到需要对数组进行去重操作的场景。数组去重是指将数组中重复的元素去除，只保留其中的一个。本文将介绍几种常用的JavaScript数组去重方法，帮助大家在实际项目中进行处理。
方法一：使用Set数据结构
ES6中引入了一种新的数据结构Set，它类似于数组，但成员的值都是唯一的，没有重复的值。因此，通过Set可以轻松实现数组去重的效果。
const arr = [1, 2, 3, 3, 4, 5, 5];
const newArr = [...new Set(arr)];
console.log(newArr); // [1, 2, 3, 4, 5]
上述代码中，先将数组转换为Set结构，然后使用拓展运算符(…)将Set结构转回为数组，即可实现数组去重的操作。
方法二：使用Array.prototype.filter()方法
通过Array.prototype.filter()方法结合indexOf()方法来实现数组去重。
const arr = [1, 2, 3, 3, 4, 5, 5];
const newArr = arr.filter((item, index) => arr.indexOf(item) === index);
console.log(newArr); // [1, 2, 3, 4, 5]
在上面代码中，filter()方法遍历数组，对于每一个元素，通过indexOf()方法判断其是否第一次出现在数组中，如果是，则保留该元素。
方法三：使用Array.prototype.reduce()方法
通过Array.prototype.reduce()方法和includes()方法来实现数组去重。
const arr = [1, 2, 3, 3, 4, 5, 5];
const newArr = arr.reduce((prev, cur) => prev.includes(cur) ? prev : [...prev, cur], []);
console.log(newArr); // [1, 2, 3, 4, 5]
上述代码中，reduce()方法遍历数组，对于每一个元素，判断其是否已经存在于prev数组中，如果不存在，则将其加入prev数组中。
方法四：使用对象键值对
通过对象键值对的方式来实现数组去重。
const arr = [1, 2, 3, 3, 4, 5, 5];
const obj = {};
arr.forEach(item => obj[item] = true);
const newArr = Object.keys(obj).map(Number);
console.log(newArr); // [1, 2, 3, 4, 5]
在上述代码中，通过遍历数组，将数组元素作为对象的键，值为true，这样可以去除重复的元素。最后通过Object.keys()方法获取对象的键，再通过map()方法将键转为数字，返回一个新数组。
方法五：利用Map数据结构
使用Map数据结构的特性来实现数组去重。
const arr = [1, 2, 3, 3, 4, 5, 5];
const map = new Map();
arr.forEach(item => map.set(item, true));
const newArr = [...map.keys()];
console.log(newArr); // [1, 2, 3, 4, 5]
上述代码中，通过forEach()方法遍历数组，将数组元素作为Map的键，值为true，Map数据结构的键是唯一的。最后通过[…map.keys()]将Map的键转为数组返回。
通过以上几种方法，可以实现快速简单地将JavaScript数组进行去重操作，根据实际场景选择合适的方法来避免重复的元素。