📌  相关文章
📜  javascript 数组删除重复项 - Javascript (1)

📅  最后修改于: 2023-12-03 15:31:43.815000             🧑  作者: Mango

JavaScript 数组删除重复项

在 JavaScript 中,有时候我们需要处理数组中的重复项,这种情况下我们可以通过以下几种方法来删除数组中的重复项。

使用 Set()

ES6 中提供了 Set 对象,它是一种容器,可存储不重复的值,因此我们可以将数组转换为 Set,然后再将 Set 转换为数组,从而删除数组中的重复项。

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

reduce() 方法是数组对象中的一个高阶函数,它可以将数组中的元素按照一定规则进行迭代,最终输出一个值,我们可以使用 reduce() 方法来删除数组中的重复项。

const arr = [1, 2, 3, 3, 4, 5, 5];
const newArr = arr.reduce((pre, cur) => {
  if (!pre.includes(cur)) {
    return pre.concat(cur);
  } else {
    return pre;
  }
}, []);
console.log(newArr); // [1,2,3,4,5]
使用 filter()

filter() 方法是数组对象中的一个高阶函数,它可以筛选出数组中满足条件的元素,从而返回一个新的数组,我们可以使用 filter() 方法来删除数组中的重复项。

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

以上就是 JavaScript 数组删除重复项的几种方法,可以根据实际需求来选择其中一种。