JS陣列去重

Jack-rainbow發表於2018-03-19

方法一:遍歷陣列,建立新陣列,利用indexOf判斷是否存在於新陣列中,不存在則push到新陣列,最後返回新陣列

function delre(ar) {

    var ret = [];

    for (var i = 0, j = ar.length; i < j; i++) {

        if (ret.indexOf(ar[i]) === -1) {

            ret.push(ar[i]);

        }

    }

    return ret;

}
複製程式碼

方法二:遍歷陣列,利用object物件儲存陣列值,判斷陣列值是否已經儲存在object中,未儲存則push到新陣列並用object[arrayItem]=1的方式記錄儲存

function delre(ar) {

    var tmp = {},

        ret = [];

    for (var i = 0, j = ar.length; i < j; i++) {

        if (!tmp[ar[i]]) {

            tmp[ar[i]] = 1;

            ret.push(ar[i]);

        }

    }

    return ret;

}
複製程式碼

方法三:陣列下標判斷法, 遍歷陣列,利用indexOf判斷元素的值是否與當前索引相等,如相等則加入

function delre(ar) {

    var ret = [];

    ar.forEach(function(e, i, ar) {

        if (ar.indexOf(e) === i) {

            ret.push(e);

        }

    });

    return ret;

}
複製程式碼

方法四:陣列先排序, 然後比較倆陣列一頭一尾進行去重

function delre(ar) {

    var ret = [],

        end;

    ar.sort();

    end = ar[0];

    ret.push(ar[0]);

    for (var i = 1; i < ar.length; i++) {

        if (ar[i] != end) {

            ret.push(ar[i]);

            end = ar[i];

        }

    }

    return ret;

}
複製程式碼

方法五、迴圈二次陣列中的值,依次進行比較,最笨的方法,但是支援物件和陣列形式去重

function delre(ar){

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

        for(var j=i+1;j<ar.length;j++){

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

            ar.splice(j,1)

            j--

        }

    }

}
複製程式碼

方法六,ES6-Set

[...new Set(['1',2,3,4,1,2,12,2])]
複製程式碼

方法七:利用鍵值對-物件不能相同名來去重

//有缺陷,當陣列中存放1和‘1’會預設去掉其中一個,從而達不到想要的效果
let a = [1,2,13,1,2,1,'1','1'];
    const delre = arr => {
        var obj ={}
        arr.forEach(value => {
            obj[value]=0;
        })
        return Object.keys(obj);
}
console.log(delre(a));
複製程式碼

方法八:使用reduce去重

let obj = {};
arr = arr.reduce(function(item, next) {
   obj[next.key] ? '' : obj[next.key] = true && item.push(next);
   return item;
}, []);
複製程式碼

方法九:使用filter去重

delre = (arr)=>{
    return arr.filter((e,i,arr)=>{
        return  arr.indexOf(e) == i;
    })
}
複製程式碼

如有疑惑,請聯絡,及時修正。謝謝!

相關文章