JavaScript 的十二种去重方法

最新推荐文章于 2024-07-16 15:00:36 发布

夜.星辰

最新推荐文章于 2024-07-16 15:00:36 发布

阅读量668

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/zhao142731/article/details/119565687

版权

本文介绍了JavaScript中去除数组重复元素的十二种方法，包括ES6的Set、for循环与splice、indexOf、sort、对象特性、includes、hasOwnProperty、filter、递归、Map数据结构、reduce结合includes以及Set的简洁写法。详细阐述了每种方法的使用和适用场景，帮助开发者理解并选择合适的去重策略。

摘要由CSDN通过智能技术生成

一、利用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", {}, {}]

二、利用for嵌套for，然后splice去重（ES5中最常用）

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;
}
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", 15, false, undefined, NaN, NaN, "NaN", "a", {…}, {…}]     //NaN和{}没有去重，两个null直接消失了

三、利用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])