js陣列去重五種方法

2022-03-21 20:02:28 字數 2811 閱讀 3947

今天來聊一聊js陣列去重的一些方法,包括一些網上看到的和自己總結的,總共5種方法(es5)。

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

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

2 var newarr =

3 for (var i = 0; i < arr.length; i++)

7 }

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

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

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

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

2 var newarr =

3 for (var i = 0; i < arr.length; i++)

7 }

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

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

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

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

2 arr.sort()

3 var newarr = [arr[0]]

4 for (var i = 1; i < arr.length; i++)

8 }

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

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

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

2 var newarr =

3 for (var i = 0; i < arr.length; i++)

9 }

10 newarr.push(arr[i])

11 }

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

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

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

2 var newarr =

3 for (var i = 0; i < arr.length; i++)

10 }

11 if (bl)

14 }

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

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

js陣列去重五種方法

今天來聊一聊js陣列去重的一些方法,包括一些網上看到的和自己總結的,總共5種方法 es5 這種方法最簡單最直觀,也最容易理解,如下 var arr 2,8,5,0,5,2,6,7,2 var newarr for var i 0 i arr.length i console.log newarr 結...

js 陣列去重3種方法

js陣列去重的三種常用方法總結 第一種是比較常規的方法 思路 1.構建乙個新的陣列存放結果 2.for迴圈中每次從原陣列中取出乙個元素,用這個元素迴圈與結果陣列對比 3.若結果陣列中沒有該元素,則存到結果陣列中 複製 如下 array.prototype.unique1 function if re...

JS 陣列去重的13種方法

首先全域性定義乙個陣列,讓我們開始由複雜到簡單的方法探索一下吧!var arr1 11,11,1,1,2,2,huo huo 思想 建立乙個新陣列,並放入原陣列的第乙個元素。將原陣列元素依次與新陣列元素比較,元素不同就放入新陣列。最後返回新陣列,達到去重效果。function darray2 arr...