Js数组去重

最新推荐文章于 2025-12-09 14:34:24 发布

原创最新推荐文章于 2025-12-09 14:34:24 发布 · 250 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

Js 专栏收录该内容

17 篇文章

订阅专栏

本文介绍了如何使用ES6的Set和Array.from方法来快速去数组中的重复元素，以及如何通过对象的hasOwnProperty检查并保证键名唯一。同时，展示了如何通过双重循环和splice方法进行手动去重，尽管效率较低。

数组去重

ES6 Set

let arr = [1, 2, 3, 4, 4, 5, 5, 6];

let uniqueArr = [...new Set(arr)];
//...运算符将可迭代对象展开为单独元素

Array.from + Set
```
let uniqueArr = Array.from(new Set(arr));
```
在JavaScript中，Array.from() 方法用于将类数组对象或可迭代对象转换为一个新的数组实例。结合 Set 对象，可以用来创建一个不包含重复元素的新数组。

Set 是一种特殊的类型，它不允许有重复的值。当你用一个数组初始化 Set 时，它会自动去除所有重复的元素。

indexOf

//双重循环splice
for(let i = 0; i < arr.length; i++) {
  for(let j = i + 1; j < arr.length; j++) {
    if(arr[i] === arr[j]) {
      arr.splice(j, 1);
      j--; // 因为删除了一个元素，需要回溯j，否则可能跳过一个//元素
    }
  }
}
// 此处arr已经去重，但请注意，原数组被修改了

4.对象键名唯一性

let obj = {};
let uniqueArr = [];
for(let i = 0; i < arr.length; i++) {
  if(!obj.hasOwnProperty(arr[i])) {
    obj[arr[i]] = true;
    uniqueArr.push(arr[i]);
  }
}