js数组去重最简单的方法(数组去重, 详述最简便的方法)

JS 数组去重最简单的方法

在 JavaScript 中处理数组时，经常需要对数组进行去重操作，即去除数组中重复的元素。本文将详细介绍最简单、最有效的方法来实现数组去重。

一、基本方法：使用 Set 对象

Set 对象是一种内置数据结构，可以存储唯一的值。利用这一点，我们可以将数组元素添加到 Set 对象中，这样会自动去除重复元素。我们可以将 Set 对象转换为一个新的数组，即可得到去重后的数组。

const originalArray = [1, 2, 3, 3, 4, 5];

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

二、使用 Filter 方法和 indexOf 方法

另一个简单的方法是使用 Filter 方法。Filter 方法创建一个新数组，其中包含通过给定函数测试的元素。我们可以使用 indexOf 方法检查元素是否已存在于数组中，如果不存在，则将其保留在过滤后的数组中。

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

三、使用 Array.from 方法和 Set 对象

我们可以将 Array.from 方法与 Set 对象相结合来实现数组去重。Array.from 方法将类数组对象转换为真正的数组。利用这一点，我们可以将 Set 对象转换为数组，即可得到去重后的数组。

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

四、使用 reduce 方法

reduce 方法可以对数组中的元素进行累积操作。我们可以利用这一点来创建一个新数组，其中不包含重复元素。具体做法是使用 reduce 方法累积一个对象，其中键是数组元素，值为 true。我们可以使用 Object.keys 方法提取键，即不重复的元素，并将其转换为一个新的数组。

const originalArray = [1, 2, 3, 3, 4, 5];
const uniqueArray = originalArray.reduce((acc, curr) => {
  acc[curr] = true;
  return acc;
}, {});
console.log(Object.keys(uniqueArray)); // [1, 2, 3, 4, 5]

结论

文章介绍了四种简单且有效的方法来实现 JavaScript 数组去重。每种方法都有其优点和缺点，具体选择哪种方法取决于具体情况和需求。使用 Set 对象是目前最简单的数组去重方法，因为它只需一行代码即可实现。