数组去重的三种方法-优快云博客

本文链接：https://blog.youkuaiyun.com/ma987674712/article/details/79074768

本文介绍了三种数组去重的方法：使用for循环结合indexOf方法、利用reduce方法改进遍历过程，以及采用ES6的Set数据结构特性直接实现数组去重。这三种方法各有特点，适用于不同的JavaScript开发场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现方法一：

思路：使用传统for循环来完成，对arr进行遍历，使用indexOf方法将arr[i]和newArr进行对比，如果返回值为-1，说明在新的数组中还没有出现过当前被遍历的元素arr[i]，则把该元素放到新的数组中。当数组arr遍历完以后，新数组newArr就是去重以后的数组。如下代码展示：

var arr = [4, 1, 7, 4, "a", "a", 1, 4, 7];

var newArr = [];

for(var i = 0; i < arr.length; i++) {

    if(newArr.indexOf(arr[i]) === -1) {

        newArr.push(arr[i]);

    }

}

console.log(newArr);

实现方法二：

思路：该方案和方案1思路相同，只不过是使用reduce方法进行遍历。

var arr = [4, 1, 7, 4, "a", "a", 1, 4, 7];

var newArr = arr.reduce((newArr, current) => {
    
    if(newArr.indexOf(current) === -1) {
        
        newArr.push(current);
        
    }
    
    return newArr;
    
}, []);
console.log(newArr);

实现方法三：

思路：当前方案使用了ES6新增的set数据解构的去重特性，然后在将生成的set对象转换成数组。

var arr = [4, 1, 7, 4, "a", "a", 1, 4, 7];

var newArr = Array.from(new Set(arr));

console.log(newArr);

以上三种方法通过网络收集，如果其他简洁方法会及时更新。

整理几个数组去重的方法