JavaScript 从数组中删除重复项

当我们获取数组中的数据时，经常会遇到重复项的情况。在这种情况下，我们可以使用 JavaScript 来删除数组中的重复项，从而使我们的数据更加清晰、可读。

使用 Set 去重

我们可以使用 ES6 中的 Set 数据结构来删除数组中的重复项。Set 是一种无序、唯一的数据结构。我们可以将数组转换为 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]

代码解释：

• arr 是我们需要去重的数组。
• new Set(arr) 将数组转换为 Set 数据结构，去除重复项。
• [...new Set(arr)] 将 Set 数据结构转换为数组。
• uniqueArr 就是去重后的结果数组。

使用 filter 去重

我们还可以使用 filter 方法来删除数组中的重复项。这种方法需要遍历数组，并使用 indexOf 方法来判断是否重复。

下面是代码示例：

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

代码解释：

• arr 是我们需要去重的数组。
• filter()方法遍历数组，并使用 indexOf() 方法来判断是否重复。
• uniqueArr 就是去重后的结果数组。

总结

以上就是使用 JavaScript 从数组中删除重复项的两种方法。我们可以根据实际情况选择使用哪种方法来处理数组中的重复项。考虑到 Set 在大数据量下的性能表现更好，我们在处理大数组时可以优先选择使用 Set 去重。