JavaScript 获取数组中的唯一元素

在 JavaScript 中，如果我们需要从数组中获取唯一元素，我们可以使用不同的方法。在本文中，我们将介绍三种不同的方法来获取一个 JavaScript 数组中的唯一元素。

方法 1: 使用 Set

ES6 引入了 Set 对象，该对象提供了一种非常方便的方法来获取一个数组中的唯一元素。我们可以通过将数组转换为 Set，然后再将 Set 转换为数组来实现此目的。以下是示例代码：

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

方法 2: 使用 filter

我们可以使用 Array 的 filter 方法和 indexOf 方法组合，来删除数组中的重复元素，从而达到获取唯一元素的目的。以下是示例代码：

const arr = [1, 2, 2, 3, 3, 3];
const uniqueArr = arr.filter((value, index, array) => {
  return array.indexOf(value) === index;
});
console.log(uniqueArr) // [1, 2, 3]

方法 3: 使用 reduce

我们还可以使用 reduce 方法来获取数组中的唯一元素。以下是示例代码：

const arr = [1, 2, 2, 3, 3, 3];
const uniqueArr = arr.reduce((accumulator, currentValue) => {
  if (!accumulator.includes(currentValue)) {
    accumulator.push(currentValue);
  }
  return accumulator;
}, []);
console.log(uniqueArr) // [1, 2, 3]

无论使用哪种方法，我们都可以轻松地从 JavaScript 数组中获取唯一元素。希望本文对您有所帮助，谢谢！