JS实现数组去重的方法有哪些

在JavaScript中，数组去重是一个常见的需求。本文将介绍几种常用的数组去重方法，帮助你更好地理解和应用这些技巧。

1. 使用Set数据结构

Set是ES6引入的一种新的数据结构，它类似于数组，但成员的值都是唯一的，没有重复的值。利用这一特性，我们可以轻松实现数组去重。

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

2. 使用filter方法

filter方法可以创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。我们可以利用indexOf方法来判断元素是否已经存在于新数组中。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = array.filter((item, index) => array.indexOf(item) === index);
console.log(uniqueArray); // [1, 2, 3, 4, 5]

3. 使用reduce方法

reduce方法对数组中的每个元素执行一个由你提供的reducer函数（升序执行），将其结果汇总为单个返回值。我们可以利用reduce方法来构建一个不包含重复元素的新数组。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = array.reduce((acc, item) => {
  if (!acc.includes(item)) {
    acc.push(item);
  }
  return acc;
}, []);
console.log(uniqueArray); // [1, 2, 3, 4, 5]

4. 使用forEach方法

forEach方法对数组的每个元素执行一次提供的函数。我们可以利用forEach方法来遍历数组，并将不重复的元素添加到新数组中。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = [];
array.forEach(item => {
  if (!uniqueArray.includes(item)) {
    uniqueArray.push(item);
  }
});
console.log(uniqueArray); // [1, 2, 3, 4, 5]

5. 使用Map数据结构

Map是ES6引入的另一种数据结构，它类似于对象，但键可以是任意类型。我们可以利用Map的键唯一性来实现数组去重。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = [...new Map(array.map(item => [item, item])).values()];
console.log(uniqueArray); // [1, 2, 3, 4, 5]

6. 使用for循环

传统的for循环也可以实现数组去重。我们可以通过遍历数组，并将不重复的元素添加到新数组中。

const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = [];
for (let i = 0; i < array.length; i++) {
  if (uniqueArray.indexOf(array[i]) === -1) {
    uniqueArray.push(array[i]);
  }
}
console.log(uniqueArray); // [1, 2, 3, 4, 5]

7. 使用lodash库

如果你不介意使用第三方库，lodash提供了一个非常方便的uniq方法来实现数组去重。

const _ = require('lodash');
const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = _.uniq(array);
console.log(uniqueArray); // [1, 2, 3, 4, 5]

总结

以上是几种常见的JavaScript数组去重方法。每种方法都有其优缺点，选择哪种方法取决于具体的应用场景和个人偏好。希望本文能帮助你更好地理解和应用这些技巧。