JS数组对象去重(4种方法)

2024年2月8日发(作者：)

JS数组对象去重（4种方法）

在 JavaScript 中，有多种方法可以去除数组中的重复项。下面是四种常用的方法。

方法一：使用 Set

Set 是 ES6 中新增的数据结构，它保留了插入顺序的同时可以自动去除重复项。我们可以使用 方法将 Set 转换为数组。

```javascript

const arr = [1, 2, 3, 3, 4, 4, 5];

const uniqueArr = (new Set(arr));

```

这种方法非常简洁，并且能够正确处理各种数据类型的元素。

方法二：使用 reduce

reduce 方法可以帮助我们实现复杂的数组操作。在去重时，我们可以使用 reduce 方法遍历数组，将不重复的元素加入结果数组中。

```javascript

const arr = [1, 2, 3, 3, 4, 4, 5];

const uniqueArr = ((acc, cur) =>

if (f(cur) === -1)

(cur);

}

return acc;

},[]);

```

这种方法利用了 indexOf 方法的返回值来判断元素是否已经存在于结果数组中。

方法三：使用 filter

filter 方法可以根据指定的条件过滤数组。我们可以使用 filter

方法遍历数组，将第一次出现的元素保留，将后续重复出现的元素过滤掉。

```javascript

const arr = [1, 2, 3, 3, 4, 4, 5];

const uniqueArr = ((value, index, array) =>

return f(value) === index;

});

```

这种方法通过比较元素在数组中的第一次出现的索引和当前遍历的索引来判断是否重复。

方法四：使用 Map

Map 是一种可以存储键值对并保留插入顺序的数据结构。我们可以使用 Map 来去除数组中的重复元素。

```javascript

const arr = [1, 2, 3, 3, 4, 4, 5];

const uniqueArr = [...new Map(((value) => [value,

value])).values(];

```

这种方法利用了 Map 的键不允许重复的特性，将数组元素映射为键和值相同的键值对，然后利用展开运算符将 Map 转换为数组。

总结

以上是四种常用的 JavaScript 数组去重方法。无论是使用 Set、reduce、filter 还是 Map，都可以实现数组去重的目的。根据实际的场景需求，选择合适的方法进行去重操作可以提高代码的可读性和性能。