陣列去重的5種方法

2021-10-21 20:01:17 字數 2502 閱讀 5838

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

let arr =[2

,8,5

,0,5

,2,6

,7,2

,6,8

,9]let newarr =

for(

let i =

0; i < arr.length; i++)}

console.

log(newarr)

;// 輸出結果為[2,8,5,0,6,7,9]

這種方法很好理解,利用了indexof()方法(indexof()方法如果查詢到則返回查詢到的第乙個結果在陣列中的索引,如果查詢不到則返回-1)。先建立乙個新的空陣列用來儲存新的去重的陣列,然後遍歷arr陣列,在遍歷過程中,分別判斷newarr陣列裡面是不是有遍歷到的arr中的元素,如果沒有,直接新增進newarr中,如果已經有了(重複),那麼不操作,那麼從頭到尾遍歷一遍,正好達到了去重的目的

let arr =[2

,8,5

,0,5

,2,6

,7,2

]let newarr =

for(

let i =

0; i < arr.length; i++)}

console.

log(newarr)

// 結果:[2, 8, 5, 0, 6, 7]

這和第一種方法有重疊,不說多餘的,直接看if這裡,在遍歷arr的過程中,如果在arr陣列裡面找當前的值,返回的索引等於當前的迴圈裡面的i的話,那麼證明這個值是第一次出現,所以推入到新陣列裡面,如果後面又遍歷到了乙個出現過的值,那也不會返回它的索引,indexof()方法只返回找到的第乙個值的索引,所以重複的都會被pass掉,只出現一次的值都被存入新陣列中,也達到了去重的目的

let arr =[2

,8,5

,0,5

,2,6

,7,2

] arr.

sort()

let newarr =

[arr[0]

]for

(let i =

1; i < arr.length; i++)}

console.

log(newarr)

// 結果:[0, 2, 5, 6, 7, 8]

這種方法的思路是:先用sort()方法把arr排序,那麼排完序後,相同的一定是挨在一起的,把它去掉就好了,首先給新陣列初始化乙個arr[0],因為我們要用它和arr陣列進行比較,所以,for迴圈裡面i也是從1開始了,我們讓遍歷到的arr中的值和新陣列最後一位進行比較,如果相等,則pass掉,不相等的,push進來,因為陣列重新排序了,重複的都挨在一起,那麼這就保證了重複的這幾個值只有第乙個會被push進來,其餘的都和新陣列的被push進來的這個元素相等,會被pass掉,也達到了去重的效果。

let  arr =[2

,8,5

,0,5

,2,6

,7,2

,8]let newarr =

for(

let i =

0; i < arr.length; i++)}

newarr.

push

(arr[i])}

console.

log(newarr)

// 結果:[0, 5, 6, 7, 2, 8]

兩層for迴圈,外面一層是控制遍歷到的前乙個arr中的元素,裡面一層控制的是第一層訪問到的元素後面的元素,不斷的從第0個開始,讓第0個和他後面的元素比較,如果沒有和這個元素相等的,則證明沒有重複,推入到新陣列中儲存起來,如果有和這個元素相等的,則pass掉它,直接進入下一次迴圈。從第1個開始,繼續和它後面的元素進行比較,同上進行,一直迴圈到最後就是:不重複的都被推入新陣列裡面了,而重複的前面的元素被pass掉了,只留下了最後面的乙個元素,這個時候也就不重複了,則推入新陣列,過濾掉了所有重複的元素,達到了去重的目的。

let arr =

['a'

,'a'

,'b'

,'c'

,'b'

,'d'

,'e'

,'a'

]let newarr =

for(

let i =

0; i < arr.length; i++)}

if(bl)

} console.

log(newarr)

// 結果:["a", "b", "c", "d", "e"]

思路:也是兩層for迴圈,外層for迴圈控制的是arr陣列的遍歷,內層for迴圈控制的是新陣列的遍歷,從第0位開始,如果新陣列中沒有這個arr陣列中遍歷到的這個元素,那麼狀態變數bl的值還是true,那麼自然進入到了if中把這個值推入到新陣列中,如果有這個元素,那麼代表重複,則把狀態變數bl取值改為false,並且跳出當前迴圈,不會進入到if內部,而進入下一次外層開始的迴圈。這樣迴圈往復,最後也達到了去重的效果。

陣列去重的12種方法

方法一 set 不是一種資料型別,始終資料結構 成員唯一 1 let arr 12,1,12,3,1,88,66,66,88,999 2function unique ary 7 unique arr 方法二 物件屬性名不能重複 let arr 12,1,1,22,12,1,55,66,99,88,...

js中實現陣列去重的5種方法

這是在逛網頁的時候看到的方法,覺得以後會有用到的時候,就先收藏下來,這裡是自己手敲的為了加深印象 function unique1 array return n 判斷瀏覽器是否支援indexof,indexof為ecmascript5新方法,ie8以下 包括ie8,ie8只支援部分ecma5 不支援...

JavaScript陣列去重12種方法

陣列去重,一般都是在面試的時候才會碰到,一般是要求手寫陣列去重方法的 如果是被提問到,陣列去重的方法有哪些?你能答出其中的10種,面試官很有可能對你刮目相看。在真實的專案中碰到的陣列去重,一般都是後台去處理,很少讓前端處理陣列去重。雖然日常專案用到的概率比較低,但還是需要了解一下,以防面試的時候可能...