js数组去重方法

在JavaScript编程中，数组去重是一个常见的需求。当我们需要处理一些包含重复元素的数据时，有效的去重方法能让数据更加简洁和易于处理。下面就为大家介绍几种常见的js数组去重方法。

利用ES6 Set数据结构

ES6引入的Set数据结构，其成员具有唯一性。利用这一特性可以轻松实现数组去重。代码如下：

function uniqueArray1(arr) {
    return Array.from(new Set(arr));
}

在上述代码中，首先将数组传入Set构造函数，Set会自动去除重复元素。然后使用Array.from()方法将Set对象转换回数组。这种方法简单高效，适用于各种数据类型的数组去重。

利用filter和indexOf

filter()方法会创建一个新数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。结合indexOf()方法可以实现去重。示例代码如下：

function uniqueArray2(arr) {
    return arr.filter((item, index, self) => {
        return self.indexOf(item) === index;
    });
}

在filter()的回调函数中，indexOf()返回元素在数组中第一次出现的索引。如果当前索引和indexOf()返回的索引相同，说明该元素是第一次出现，会被保留在新数组中。

利用reduce和includes

reduce()方法对数组中的每个元素执行一个由您提供的reducer函数，将其结果汇总为单个返回值。结合includes()方法也能实现数组去重。代码如下：

function uniqueArray3(arr) {
    return arr.reduce((acc, cur) => {
        return acc.includes(cur)? acc : [...acc, cur];
    }, []);
}

在reduce()的回调函数中，includes()用于检查累加器数组acc中是否已经包含当前元素cur。如果包含，则返回acc；否则，将当前元素添加到acc中。

不同的数组去重方法适用于不同的场景。ES6 Set方法简洁高效，适用于现代JavaScript环境；filter和indexOf的组合兼容性较好；reduce和includes则更加灵活。开发者可以根据实际需求选择最合适的方法，提升代码的质量和性能。