Array---七种数组去重方法，总有一款适合ni

绝世唐门三哥

已于 2022-07-24 00:10:53 修改

阅读量1.7k

点赞数

分类专栏： JavaScript 知识点总结数组文章标签： javascript array 去重

于 2021-06-04 15:48:14 首次发布

本文链接：https://blog.csdn.net/COCOLI_BK/article/details/117563588

版权

知识点总结同时被 3 个专栏收录

257 篇文章 4 订阅

订阅专栏

JavaScript

79 篇文章 5 订阅

订阅专栏

数组

10 篇文章 0 订阅

订阅专栏

1. 利用ES6 Set去重（ES6中最常用）

function unique (arr) {
  return Array.from(new Set(arr))
}
var arr = [1,1,'true','true',true,true,15,15,false,false, undefined,undefined, null,null, NaN, NaN,'NaN', 0, 0, 'a', 'a',{},{}];
console.log(unique(arr))
 //[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {}, {}]

2. [...new Set(arr)]

[...new Set(arr)] 
console.log(unique(arr))
 //[1, "true", true, 15, false, undefined, null, NaN, "NaN", 0, "a", {}, {}]
//代码就是这么少----（其实，严格来说并不算是一种，相对于第一种方法来说只是简化了代码）

3. 利用includes()

 function unique(arr) {
        if(!Array.isArray(arr)) { // 这里是判断是否是数组，不是则直接返回
        return console.error('Wrong type, array expected')
        }
        const newArr = [];
        for(let keys in arr) {
            if(!newArr.includes(arr[keys])){
                newArr.push(arr[keys])
            }
        }
        return newArr
    }

4. 数组去重合并

function combine(){ 
    let arr = [].concat.apply([], arguments);  //没有去重复的新数组 
    return Array.from(new Set(arr));
} 

var m = [1, 2, 2], n = [2,3,3]; 
console.log(combine(m,n));                     // [1, 2, 3]

5. 利用for嵌套for，然后splice去重

function unique(arr){            
        for(var i=0; i<arr.length; i++){
            for(var j=i+1; j<arr.length; j++){
                if(arr[i]==arr[j]){         //第一个等同于第二个，splice方法删除第二个
                    arr.splice(j,1);
                    j--;
                }
            }
        }
return arr;
}

6. 利用indexOf去重

function unique(arr) {
    if (!Array.isArray(arr)) {
        console.log('type error!')
        return
    }
    var array = [];
    for (var i = 0; i < arr.length; i++) {
        if (array .indexOf(arr[i]) === -1) {
            array .push(arr[i])
        }
    }
    return array;
}

7. 利用数组的过滤方法：filter

function unique(arr) {
  return arr.filter(function(item, index, arr) {
    //当前元素，在原始数组中的第一个索引==当前索引值，否则返回当前元素
    return arr.indexOf(item, 0) === index;
  });
}

其他去重原文地址：数组去重