本文提供了 4 种 JavaScript 数组去重方法:使用 Set 数据结构、使用 Object、使用 Filter 方法、以及使用 Reduce 方法。这些方法都能有效地移除数组中重复的元素,生成一个不包含重复元素的新数组。

如何使用 JavaScript 数组去重
引言
JavaScript 数组中可能会包含重复的元素,在某些情况下,我们需要对其进行去重操作,以获得一个不包含重复元素的新数组。
方法
1. Set
Set 数据结构具有自动去重功能,我们可以利用它来实现数组去重:
<code class="javascript">const arr = [1, 2, 3, 4, 5, 1, 2]; const uniqueArr = [...new Set(arr)]; console.log(uniqueArr); // [1, 2, 3, 4, 5]</code>
2. Object
对象中的键是唯一的,我们可以利用此特性来去重数组中的元素:
<code class="javascript">const arr = [1, 2, 3, 4, 5, 1, 2];
const uniqueArr = [];
const obj = {};
arr.forEach(item => {
if (!obj[item]) {
obj[item] = true;
uniqueArr.push(item);
}
});
console.log(uniqueArr); // [1, 2, 3, 4, 5]</code>3. Filter
另一种方法是使用 filter 方法,它允许我们根据条件过滤数组中的元素:
<code class="javascript">const arr = [1, 2, 3, 4, 5, 1, 2]; const uniqueArr = arr.filter((v, i, a) => a.indexOf(v) === i); console.log(uniqueArr); // [1, 2, 3, 4, 5]</code>
4. Reduce
Reduce 方法也可以用于去重数组,将其累积为一个不包含重复元素的新数组:
<code class="javascript">const arr = [1, 2, 3, 4, 5, 1, 2];
const uniqueArr = arr.reduce((acc, cur) => {
if (!acc.includes(cur)) {
acc.push(cur);
}
return acc;
}, []);
console.log(uniqueArr); // [1, 2, 3, 4, 5]</code>以上就是js怎么去重数组的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号