js中数组去重的方法

百变鹏仔 3天前 #JavaScript

文章标签数组

在 javascript 中，从数组中删除重复项的方法包括：使用 set()、使用 filter() 检查索引、使用 foreach() 检查索引、使用 reduce() 累积不重复值。

如何在 JavaScript 中从数组中删除重复项

在 JavaScript 中，从数组中删除重复项有以下几种常见方法：

1. 使用 Set()

Set() 是一个内置集合，它可以自动删除重复值。使用 Set() 从数组中删除重复项的步骤如下：

const arr = ['a', 'b', 'c', 'a', 'd'];const uniqueArr = [...new Set(arr)]; // [ 'a', 'b', 'c', 'd' ]

2. 使用 filter()

filter() 方法可以过滤数组中的元素，并返回一个新数组，其中只包含满足给定条件的元素。要使用 filter() 从数组中删除重复项，可以如下使用：

const arr = ['a', 'b', 'c', 'a', 'd'];const uniqueArr = arr.filter((item, index, self) =&gt; self.indexOf(item) === index); // [ 'a', 'b', 'c', 'd' ]

3. 使用 forEach() 和 index

可以使用 forEach() 方法遍历数组中的每个元素，并使用索引来检查是否已包含该元素。如果已包含，则将其从数组中删除。

const arr = ['a', 'b', 'c', 'a', 'd'];arr.forEach((item, index, self) =&gt; {  if (self.indexOf(item) !== index) {    arr.splice(index, 1);  }}); // [ 'a', 'b', 'c', 'd' ]

4. 使用 reduce()

reduce() 方法可以将数组中的元素累积为一个最终值。要使用 reduce() 从数组中删除重复项，可以如下使用：

const arr = ['a', 'b', 'c', 'a', 'd'];const uniqueArr = arr.reduce((acc, item) =&gt; {  if (!acc.includes(item)) {    acc.push(item);  }  return acc;}, []); // [ 'a', 'b', 'c', 'd' ]

文章推荐

js中数组去重的方法

JavaScript如何获取宏控件数据？

JavaScript怎样读取宏控件数据？

JavaScript获取宏控件数据的技巧

探究JavaScript与Java的联系和区别

javascript:void(o)如何解决？