数组去重12种方法_数组去重函数

数组去重12种方法_数组去重函数//全局变量 var arr = [1,1,true,true,false,false, undefined,undefined, null,null, NaN, NaN,'NaN','a',&#1

//全局变量

var arr = [1,1,true,true,false,falseundefined,undefinednull,nullNaNNaN,‘NaN’,‘a’‘a’,{},{}];

 

//第一种,利用ES6 Set去重(ES6中最常用)

function methods1 (arr) {

    return Array.from(new Set(arr));

  }

  console.log(‘methods1输出结果’,methods1(arr));

//结论:这种方法还无法去掉“{}”空对象

数组去重12种方法_数组去重函数

//第二种,利用for嵌套for,然后splice去重(ES5中最常用)

//原理:双层循环,外层循环元素,内层循环时比较值。值相同时,则删去这个值。

function methods2(arr){            

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

        for(var j=i+1j<arr.lengthj++){

            if(arr[i]==arr[j]){   

                arr.splice(j,1);//第一个等同于第二个,splice方法删除第二个

                j–;

            }

        }

    }

return arr;

}

console.log(‘methods2输出结果’,methods2(arr));

//结论:NaN和{}没有去重,两个null直接消失了

数组去重12种方法_数组去重函数

//第三种,利用indexOf去重

//原理:建一个空的结果数组,for循环原数组,判断结果数组是否存在当前元素,如果有相同的值则跳过,不相同则push进数组。

function methods3(arr) {

    if (!Array.isArray(arr)) {

        return;

    }

    var array = [];

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

        if (array .indexOf(arr[i]) === –1) {

            array .push(arr[i])

        }

    }

    return array;

}

console.log(‘methods3输出结果’,methods3(arr));

//结论:NaN、{}没有去重

数组去重12种方法_数组去重函数

//第四种,利用sort()

//原理:利用sort()排序方法,然后根据排序后的结果进行遍历及相邻元素比对。

function methods4(arr) {

    if (!Array.isArray(arr)) {

        return;

    }

    arr = arr.sort()

    var arrry= [arr[0]];

    for (var i = 1i < arr.lengthi++) {

        if (arr[i] !== arr[i1]) {

            arrry.push(arr[i]);

        }

    }

    return arrry;

}

console.log(‘methods4输出结果’,methods4(arr));

//结论:NaN、{}没有去重

数组去重12种方法_数组去重函数

//第五种,利用对象的属性不能相同的特点进行去重(这种数组去重的方法有问题,不建议用,有待改进)

function methods5(arr) {

    if (!Array.isArray(arr)) {

        return

    }

    var arrry= [];

    var obj = {};

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

        if (!obj[arr[i]]) {

            arrry.push(arr[i])

            obj[arr[i]] = 1

        } else {

            obj[arr[i]]++

        }

    }

    return arrry;

}

console.log(‘methods5输出结果’,methods5(arr));

//结论:两个NaN直接去掉了

数组去重12种方法_数组去重函数

//第六种,利用includes

function methods6(arr) {

    if (!Array.isArray(arr)) {

        return

    }

    var array =[];

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

            if( !array.includesarr[i]) ) {//includes 检测数组是否有某个值

                    array.push(arr[i]);

              }

    }

    return array

}

console.log(‘methods6输出结果’,methods6(arr));

//结论:{}没有去重

数组去重12种方法_数组去重函数

 

 

 

//第七种,利用hasOwnProperty

//原理:利用hasOwnProperty 判断是否存在对象属性

function methods7(arr) {

    var obj = {};

    return arr.filter(function(itemindexarr){

        return obj.hasOwnProperty(typeof item + item) ? false : (obj[typeof item + item] = true)

    })

}

console.log(‘methods7输出结果’,methods7(arr));

//结论:全部去重了,完美

数组去重12种方法_数组去重函数

//第八种,利用filter

function methods8(arr) {

    return arr.filter(function(itemindexarr) {

      //当前元素,在原始数组中的第一个索引==当前索引值,否则返回当前元素

      return arr.indexOf(item0) === index;

    });

  }

console.log(‘methods8输出结果’,methods8(arr));

//结论:两个NaN直接去掉了,{}没有去重

数组去重12种方法_数组去重函数

//第九种,利用递归去重

function methods9(arr) {

    var arrayarr;

    var len = array.length;

 

array.sort(function(a,b){//排序后更加方便去重

    return a – b;

})

 

function loop(index){

    if(index >= 1){

        if(array[index] === array[index1]){

            array.splice(index,1);

        }

        loop(index – 1);//递归loop,然后数组去重

    }

}

loop(len1);

return array;

}

console.log(‘methods9输出结果’,methods9(arr));

//结论:NaN和{}没有去重

数组去重12种方法_数组去重函数

 

 

 

//第十种,利用Map数据结构去重

//原理:建一个空Map数据结构,遍历需要去重的数组,把数组的每一个元素作为key存到Map中。由于Map中不会出现相同的key值,所以最终得到的就是去重后的结果。

function methods10(arr) {

    let map = new Map();

    let array = new Array();// 数组用于返回结果

    for (let i = 0i < arr.lengthi++) {

      if(map .has(arr[i])) {// 如果有该key值

        map .set(arr[i], true); 

      } else { 

        map .set(arr[i], false);// 如果没有该key值

        array .push(arr[i]);

      }

    } 

    return array ;

  }

console.log(‘methods10输出结果’,methods10(arr));

//结论:{}没有去重

数组去重12种方法_数组去重函数

 

 

 

 

 

//第十一种,利用reduce+includes

function methods11(arr){

    return arr.reduce((prev,cur=> prev.includes(cur) ? prev : […prev,cur],[]);

}

console.log(‘methods11输出结果’,methods11(arr));

//结论:{}没有去重

数组去重12种方法_数组去重函数

 

 转自:https://mp.weixin.qq.com/s?src=11&timestamp=1622186139&ver=3095&signature=XSYFnRLLKUr1Lc5hnNXaNYyVZwlAt-JEZ9L55SrrNoxg4cVuRY4yq4ZFU3UuuXu0xGXlOBeN5lEz-UE3cLuoDTijkEXZBIXT*3cEkfWR68dw3D0Vb1jMCs3PKdgSKe1u&new=1

 

 

 

今天的文章数组去重12种方法_数组去重函数分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/46677.html

(0)
编程小号编程小号
上一篇 2023-09-05 16:30
下一篇 2023-09-05 17:11

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注