JS数组去重的常用4种方法

下面我就为大家详细讲解“JS数组去重的常用4种方法”的完整攻略。

一、JS数组去重的常用4种方法

数组去重是我们在JS开发中常会用到的一个功能，下面介绍4种去重方法。

1. Set

Set是ES6新增的数据类型，它可以实现数组去重。

let arr = [1,2,2,3,3,4,5];
let result = [...new Set(arr)];
console.log(result);  // [1, 2, 3, 4, 5]

2. 数组遍历+indexOf

使用数组的indexOf方法可以判断元素是否在数组中已存在，如下所示：

let arr = [1,2,2,3,3,4,5];
let result = [];
for(let i=0; i<arr.length; i++){
    if(result.indexOf(arr[i]) === -1){
        result.push(arr[i]);
    }
}
console.log(result);  // [1, 2, 3, 4, 5]

3. 数组遍历+includes

ES6中数组新增了一个方法includes，判断元素是否存在于数组中，如下所示：

let arr = [1,2,2,3,3,4,5];
let result = [];
for(let i=0; i<arr.length; i++){
    if(!result.includes(arr[i])){
        result.push(arr[i]);
    }
}
console.log(result);  // [1, 2, 3, 4, 5]

4. 数组排序+遍历去重

将数组先进行排序，然后遍历数组，判断相邻元素是否相同，如下所示：

let arr = [1,2,2,3,3,4,5];
arr.sort();
let result = [arr[0]];
for(let i=1; i<arr.length; i++){
    if(arr[i] !== arr[i-1]){
        result.push(arr[i]);
    }
}
console.log(result);  // [1, 2, 3, 4, 5]

二、总结

通过使用上述这四种常用方法，我们可以轻松实现对数组的去重。其中Set方法是效率最高的一种方法，代码最简单。而数组遍历加includes的方法适用于较小量的数据，而排序加遍历的方法则适用于大量的数据。在实际开发中，根据实际场景选择合适的方法可以最大限度地提高代码效率和性能。