JavaScript中的Set去重

DYIJZ • 2025-02-05 13:05 • 编程

一、Set简介

Set是ES2015（ES6）引入的一种新的数据结构，它类似于数组，但是成员的值都是唯一的，没有重复的值。这意味着任何时候都只有一个值被存储，它可以用来去除重复的数组元素、进行数组并集、交集和差集的运算，等等。

二、Set去重的实现原理

Set去重的实现原理非常简单，实际上是利用Set的特性进行数组去重的操作。具体实现代码如下：

const arr = [1, 2, 3, 4, 2, 3, 5, 6, 1];
const uniqueArr = Array.from(new Set(arr));
console.log(uniqueArr); // [1, 2, 3, 4, 5, 6]

上面的代码中，我们先定义了一个包含重复元素的数组arr，然后使用Set去重。我们可以先通过 new Set(array) 来创建一个不含重复元素的Set对象，然后通过Array.from()方法将Set对象转换成数组来实现去重。

三、Set去重的优缺点

1、优点

使用Set去重有以下优点：

（1）数组去重效率高，性能稳定

（2）代码简单易懂，易于维护和修改

（3）使用Set数据结构，可以很方便地实现数组的并集、交集、差集等操作

2、缺点

Set去重也存在一些缺点：

（1）无法去重复合并数组对象

（2）对于数据量特别大的数组，Set的效率会比较低

四、其他去重方法的比较

Set并不是唯一的一种去重方法，还有其他一些常见的去重方法，例如for循环去重法、indexOf去重法、filter去重法等。下面我们将这几种去重方法进行简单比较。

1、for循环去重法

for循环去重法是最基本的一种去重方法，其实现原理也比较简单：利用for循环遍历数组，将数组中重复的元素删除掉。具体代码如下：

function uniqueFor(arr) {
  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--;
      }
    }
  }
  return arr;
}

这种方法的缺点是效率比较低，因为每次循环都需要遍历整个数组，同时删除数组元素也会影响到后面元素的位置。

2、indexOf去重法

indexOf去重法的实现原理是利用indexOf方法来判断当前元素在数组中第一次出现的位置是否等于当前位置，如果不等于，则说明该元素是重复的。具体代码如下：

function uniqueIndexOf(arr) {
  var result = [];
  for (var i = 0; i < arr.length; i++) {
    if (result.indexOf(arr[i]) === -1) {
      result.push(arr[i]);
    }
  }
  return result;
}

这种方法的缺点是效率较低，因为它需要遍历数组并且每次都要使用indexOf方法来查找数组中的元素。

3、filter去重法

filter去重法的思路是利用filter方法返回一个新数组，新数组的元素是根据回调函数返回值判断是否将原数组的元素添加到新数组中，因此，如果新数组中不存在该元素，则将其添加到新数组中。具体代码如下：

function uniqueFilter(arr) {
  return arr.filter(function(item, index) {
    return arr.indexOf(item) === index;
  });
}

这种方法虽然思路简单，但是效率比较低，因为每次都要使用indexOf方法来查找数组中的元素。

五、结论

在实际开发中，Set数组去重的效率相对于其他几种方法更高，同时代码量也更少。因此，我们建议在平时编码中选择使用Set去重方法，它可以有效地提高代码效率。

原创文章，作者：DYIJZ，如若转载，请注明出处：https://www.506064.com/n/334717.html