快捷導(dǎo)航

JS數(shù)組去重的常用4種方法

更新時(shí)間：2022年04月06日 09:48:29 投稿：wdc

這篇文章主要介紹了JS數(shù)組去重的常用4種方法,ES6的Set類數(shù)組去重,for循環(huán)嵌套for循環(huán),indexOf去重,利用filter需要的朋友可以參考下

1.ES6的Set類數(shù)組去重

var arr = [1,2,2,3,3,4,4,1,5,6,6,5]
function unique (arr) {
  return Array.from(new Set(arr))
}

console.log(unique(arr))
 //[1,2,3,4,5,6]

ES6的Set是類數(shù)組，里面的值是唯一的，但是不是真正的數(shù)組所以要通過(guò)Array.from()方法轉(zhuǎn)化為數(shù)組，不考慮兼容問(wèn)題是最簡(jiǎn)單的去重方法

2.for循環(huán)嵌套for循環(huán)

var arr = [1,2,2,3,3,4,4,1,5,6,6,5];

function unique(arr) {
    for (var i = 0; i < arr.length; i++) {    // 首次遍歷數(shù)組
        for (var j = i + 1; j < arr.length; j++) {   // 再次遍歷數(shù)組
            if (arr[i] == arr[j]) {          // 判斷連個(gè)值是否相等
                arr.splice(j, 1);           // 相等刪除后者
                j--;
            }
        }
    }
    return arr
}
console.log(unique(arr));

兩個(gè)for循環(huán)加上spliceES5常用的方法
第一個(gè)for遍歷每個(gè)數(shù)組項(xiàng)，第二個(gè)for循環(huán)遍歷第一個(gè)for循環(huán)當(dāng)前遍歷項(xiàng)后面的數(shù)組項(xiàng)與第一個(gè)for當(dāng)前數(shù)組項(xiàng)作比較，后面存在相等的項(xiàng)，則刪除掉此項(xiàng)，并且j要減一，因?yàn)閯h除了一項(xiàng)，所以后面的元素往前移了，所以減一來(lái)抵消遷移確保每一項(xiàng)遍歷完

3.indexOf去重

var arr = [1,2,2,3,3,4,4,1,5,6,6,5];
function unique(arr) {
    if (!Array.isArray(arr)) {
        console.log('錯(cuò)誤！')
        return
    }
    var array = [];
    for (var i = 0; i < arr.length; i++) {    // 首次遍歷數(shù)組
        if (array.indexOf(arr[i]) === -1) {   // 判斷索引有沒(méi)有等于
            array.push(arr[i])
        }
    }
    return array
}
console.log(unique(arr));

indexOf()會(huì)判斷數(shù)組里面是否含有這個(gè)值，沒(méi)有則返回-1，有則返回存在的數(shù)組下標(biāo)值，有多個(gè)只返回第一個(gè)，不再繼續(xù)判斷
for循環(huán)加indexOf，for循環(huán)存在newArr里則什么都不做，不存在則加入新數(shù)組里，返回新數(shù)組

4.利用filter

var arr = [1,2,2,3,3,4,4,1,5,6,6,5];
function unique(arr) {
    return arr.filter( (item, index, arr) => {
        //當(dāng)前元素，在原始數(shù)組中的第一個(gè)索引==當(dāng)前索引值，否則返回當(dāng)前元素
        return arr.indexOf(item) === index;
    });
}
console.log(unique(arr));

filter加indexOf，判斷當(dāng)前的索引值等不等于indexOf返回的索引值，等于就是同一個(gè)數(shù)組項(xiàng)，不等于的情況就是當(dāng)前的item是第二次出現(xiàn)，而indexOf判斷出來(lái)的下標(biāo)值還是第一個(gè)，這一項(xiàng)則不會(huì)返回，所以達(dá)到了去重的要求

更多關(guān)于JS數(shù)組去重的方法請(qǐng)查看下面的相關(guān)鏈接

您可能感興趣的文章: