数组去重的要领总结(2017年)

如今要求去重下面这个数组

[1, 2, 3, 3, 3, '0', '1', '2', '测试', '反复', '反复', NaN, NaN, false, false];

要领一:ES6 Set()

let arr = [1, 2, 3, 3, 3, '0', '1', '2', '测试', '反复', '反复', NaN, NaN, false, false];
arr = [...new Set(arr)]; //去重后:  [ 1, 2, 3, '0', '1', '2', '测试', '反复', NaN, false ]

Set 是ES6新加的鸠合,鸠合中的值不会反复。 …操纵符 会将可遍历对象,转换为数组.

要领二:应用对象

let arr = [1, 2, 3, 3, 3, '0', '1', '2', '测试', '反复', '反复', NaN, NaN, false, false];
let obj ={};
let temp=[];
for( let i = 0; i < arr.length; i++ ) {
let type= Object.prototype.toString.call(arr[i]);//不加范例 分不清 1 '1'  
if( !obj[ arr[i] +type] ) {
      temp.push( arr[i] );
      obj[ arr[i]+ type ] =true;//这里给true 利于代码浏览和推断。  假如给 0,'' ,false ,undefined 都会在if那边推断为 false 不利于代码浏览
      }
}
console.log(temp)//去重后:  [ 1, 2, 3, '0', '1', '2', '测试', '反复', NaN, false ]

要领三:sort排序后 在去重

let arr = [1, 2, 3, 3, 3, '0', '1', '2', '测试', '反复', '反复', NaN, NaN, false, false];
arr = arr.sort();
let temp =[];
while(arr.length > 0) {
        if( Object.is(arr[0], arr[1]) ) {//Object.is() 用于比较2个值, 比===更靠谱  比方 Object.is(NaN,NaN) 会推断true
              arr.shift();
        }else{
              temp.push( arr.shift() );
}
}//此要领会清空原数组,  你能够复制个数组,在去举行操纵
console.log(temp)//去重后:  [ '0', 1, '1', '2', 2, 3, NaN, false, '测试', '反复' ]

要领四:for in

let arr = [1, 2, 3, 3, 3, '0', '1', '2', '测试', '反复', '反复', NaN, NaN, false, false];
let temp =[];
for(let i = 0; i < arr.length; i++) {
        if( !temp.includes( arr[i]) ) {//includes 检测数组是不是有某个值 内部挪用Object.is() 应用推断NaN
                temp.push(arr[i]);
          }
}
console.log(temp);//去重后:  [ 1, 2, 3, '0', '1', '2', '测试', '反复', NaN, false ]

以上要领 在最新版本谷歌浏览器悉数一般运转; 发起人人都用谷歌浏览器~~
然则照样要用Babel去转译这些代码 ,不然初级浏览器没法运转。
迎接人人一同议论, 提出新的去重要领。
有任何毛病,请在批评指出。 感谢人人。
刘志飞 2017.5.15

    原文作者:仰望丶星空
    原文地址: https://segmentfault.com/a/1190000009415778
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞