JavaScript 如何对数组去重

在 JavaScript 编程中，对数组去重是一个常见的需求。当我们处理数据时，数组中可能会存在重复的元素，而对数组去重可以让数据更加简洁、有效。下面将介绍几种常见的 JavaScript 数组去重方法。

使用 Set 数据结构

Set 是 JavaScript 中的一种数据结构，它的特点是成员唯一，没有重复的值。利用这一特性，可以轻松实现数组去重。示例代码如下：

function uniqueArray(arr) {
    return Array.from(new Set(arr));
}
let array = [1, 2, 2, 3, 4, 4, 5];
console.log(uniqueArray(array)); 

在上述代码中，首先使用 new Set(arr) 将数组转换为 Set 结构，Set 会自动去除重复元素。然后，通过 Array.from() 方法将 Set 结构再转换回数组。

利用 indexOf 方法

可以通过遍历数组，利用 indexOf 方法来判断元素是否第一次出现。如果是第一次出现，则将其添加到新数组中。示例代码如下：

function uniqueByIndexOf(arr) {
    let result = [];
    for (let i = 0; i < arr.length; i++) {
        if (result.indexOf(arr[i]) === -1) {
            result.push(arr[i]);
        }
    }
    return result;
}
let array2 = [1, 3, 3, 5, 6, 6, 7];
console.log(uniqueByIndexOf(array2)); 

在这段代码中，indexOf 方法返回元素在数组中第一次出现的位置，如果返回 -1，表示该元素在新数组中不存在，此时将其添加到新数组 result 中。

利用 includes 方法

includes 方法用于判断数组是否包含某个指定的值。与 indexOf 方法类似，通过遍历数组，使用 includes 方法判断新数组中是否已经包含当前元素。示例代码如下：

function uniqueByIncludes(arr) {
    let result = [];
    for (let i = 0; i < arr.length; i++) {
        if (!result.includes(arr[i])) {
            result.push(arr[i]);
        }
    }
    return result;
}
let array3 = [2, 4, 4, 6, 8, 8, 9];
console.log(uniqueByIncludes(array3)); 

在这个方法中，!result.includes(arr[i]) 表示如果新数组 result 中不包含当前元素 arr[i]，则将其添加到新数组中。

不同的数组去重方法适用于不同的场景。Set 方法简洁高效，适合现代 JavaScript 环境；indexOf 和 includes 方法兼容性更好，在一些老旧环境中也能正常使用。开发者可以根据实际需求选择合适的方法来对数组进行去重操作。