js 數(shù)組去重

今天來聊一聊JS數(shù)組去重的一些方法,包括一些網(wǎng)上看到的和自己總結的,總共5種方法(ES5)。

第一種:遍歷數(shù)組法

這種方法最簡單最直觀,也最容易理解,代碼如下:

var? arr=[2,8,5,0,5,2,6,7,2]

var newArr=[]

for(vari=0;i<arr.length;i++){

????????if(newArr.indexOf(arr[i])===-1){

????????????newArr.push(arr[i])

????????}

}

console.log(newArr)// 結果:[2, 8, 5, 0, 6, 7]

這種方法很好理解,利用了indexOf()方法(indexOf()方法如果查詢到則返回查詢到的第一個結果在數(shù)組中的索引,如果查詢不到則返回-1)。先創(chuàng)建一個新的空數(shù)組用來存儲新的去重的數(shù)組,然后遍歷arr數(shù)組,在遍歷過程中,分別判斷newArr數(shù)組里面是不是有遍歷到的arr中的元素,如果沒有,直接添加進newArr中,如果已經(jīng)有了(重復),那么不操作,那么從頭到尾遍歷一遍,正好達到了去重的目的。

第二種:數(shù)組下標判斷法

這種方法也比較好理解,代碼如下:

var? arr=[2,8,5,0,5,2,6,7,2]

var newArr=[]

for(vari=0;i<arr.length;i++){

? ?if(arr.indexOf(arr[i])===i){

? ? ?newArr.push(arr[i])

? ?}

}

console.log(newArr)// 結果:[2, 8, 5, 0, 6, 7]

這和第一種方法有重疊,不說多余的,直接看if這里,在遍歷arr的過程中,如果在arr數(shù)組里面找當前的值,返回的索引等于當前的循環(huán)里面的i的話,那么證明這個值是第一次出現(xiàn),所以推入到新數(shù)組里面,如果后面又遍歷到了一個出現(xiàn)過的值,那也不會返回它的索引,indexof()方法只返回找到的第一個值的索引,所以重復的都會被pass掉,只出現(xiàn)一次的值都被存入新數(shù)組中,也達到了去重的目的。

第三種:排序后相鄰去除法

這種方法用到了sort()方法,代碼如下:

var arr=[2,8,5,0,5,2,6,7,2]

?arr.sort()

var newArr=[arr[0]]

for(vari=1;i<arr.length;i++){

? ? ?if(arr[i]!==newArr[newArr.length-1]){

? ? ? ? ? newArr.push(arr[i])

? ? ? }

}

console.log(newArr)// 結果:[0, 2, 5, 6, 7, 8]

這種方法的思路是:先用sort()方法把arr排序,那么排完序后,相同的一定是挨在一起的,把它去掉就好了,首先給新數(shù)組初始化一個arr[0],因為我們要用它和arr數(shù)組進行比較,所以,for循環(huán)里面i也是從1開始了,我們讓遍歷到的arr中的值和新數(shù)組最后一位進行比較,如果相等,則pass掉,不相等的,push進來,因為數(shù)組重新排序了,重復的都挨在一起,那么這就保證了重復的這幾個值只有第一個會被push進來,其余的都和新數(shù)組的被push進來的這個元素相等,會被pass掉,也達到了去重的效果。

第四種:優(yōu)化的遍歷數(shù)組法

var arr=[2,8,5,0,5,2,6,7,2,8]

var newArr=[]

for(vari=0;i<arr.length;i++){

????????for(varj=i+1;j<arr.length;j++){

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

????????????????i++

????????????????j=i

????????????}

????????}

????newArr.push(arr[i])

}

console.log(newArr)// 結果:[0, 5, 6, 7, 2, 8]

思路:兩層for循環(huán),外面一層是控制遍歷到的前一個arr中的元素,里面一層控制的是第一層訪問到的元素后面的元素,不斷的從第0個開始,讓第0個和他后面的元素比較,如果沒有和這個元素相等的,則證明沒有重復,推入到新數(shù)組中存儲起來,如果有和這個元素相等的,則pass掉它,直接進入下一次循環(huán)。從第1個開始,繼續(xù)和它后面的元素進行比較,同上進行,一直循環(huán)到最后就是:不重復的都被推入新數(shù)組里面了,而重復的前面的元素被pass掉了,只留下了最后面的一個元素,這個時候也就不重復了,則推入新數(shù)組,過濾掉了所有重復的元素,達到了去重的目的。

第五種:數(shù)組遍歷法

var arr=['a','a','b','c','b','d','e','a']

var newArr=[]

for(vari=0;i<arr.length;i++){

????var bl=true

????for(varj=0;j<newArr.length;j++){

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

????????????bl=false

????????????break

????????}

? ? ? ?}

????if(bl){

????????newArr.push(arr[i])

????}

}

console.log(newArr)// 結果:["a", "b", "c", "d", "e"]

思路:也是兩層for循環(huán),外層for循環(huán)控制的是arr數(shù)組的遍歷,內(nèi)層for循環(huán)控制的是新數(shù)組的遍歷,從第0位開始,如果新數(shù)組中沒有這個arr數(shù)組中遍歷到的這個元素,那么狀態(tài)變量bl的值還是true,那么自然進入到了if中把這個值推入到新數(shù)組中,如果有這個元素,那么代表重復,則把狀態(tài)變量bl取值改為false,并且跳出當前循環(huán),不會進入到if內(nèi)部,而進入下一次外層開始的循環(huán)。這樣循環(huán)往復,最后也達到了去重的效果。

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內(nèi)容