防止 Javascript 数组中的重复条目

在 JavaScript 中，我们经常需要处理数组，其中可能包含重复的元素。为了避免重复的元素影响我们的逻辑，我们需要先判断数组中是否存在该元素，如果不存在则添加。本文将介绍几种方法来防止 JavaScript 数组中的重复条目。

使用 Set

ES6 引入了 Set 数据结构，它可以存储任意类型的唯一值，而不会出现重复值。可以使用 Set 来过滤掉数组中的重复元素。

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

使用 Set 可以轻松地过滤掉重复的元素，并且可以将 Set 转换为数组，不需要进行任何额外的处理。

使用 filter 函数

由于 filter 函数可以遍历数组并返回一个新数组，我们可以在遍历时使用 indexOf 方法来判断元素是否重复。

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

使用 filter 函数可以过滤掉重复元素，并且可以保留原始数组的顺序。

使用 reduce 函数

reduce 函数可以遍历数组并返回一个新的值。我们可以遍历数组并将元素存储在一个空数组中，如果该元素不在数组中，则将其添加到数组中。

const arr = [1, 2, 2, 3, 3, 4, 5, 5];
const uniqueArr = arr.reduce((prev, curr) => {
  if (prev.indexOf(curr) === -1) {
    prev.push(curr);
  }
  return prev;
}, []);
console.log(uniqueArr); // [1, 2, 3, 4, 5]

使用 reduce 函数可以按顺序过滤掉重复元素，并且可以使用初始值来创建一个空数组。

以上是防止 JavaScript 数组中的重复条目的几种方法，使用这些方法可以保证数组中的元素唯一，并且不会影响我们的逻辑。