本文小編為大家詳細介紹“JavaScript數組如何去重”，內容詳細，步驟清晰，細節處理妥當，希望這篇“JavaScript數組如何去重”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。

創新互聯公司是一家以網站建設、網頁設計、品牌設計、軟件運維、seo優化、小程序App開發等移動開發為一體互聯網公司。已累計為成都LED顯示屏等眾行業中小客戶提供優質的互聯網建站和軟件開發服務。

數組去重

1.雙循環去重

var data = [1,2,4,3,5,2,1,3,2]var newData = []for(var i=0;i<data.length;i++) {  for(var j=i+1;j<data.length;j++) {    if (data[i] == data[j]) {      // j = i = i + 1
      j = ++i
    }
  }
  newData.push(data[i])
}console.log(newData.sort())

外面循環是每次取數組一個值，里面的循環是遍歷除了取了的值以外的后面的所有值作比較，如果有相等的話，就跳過進行下輪循環比較，如果當前值沒有找到任何相等的值，就添加到新數組

這個就是取數組里面的值取一一比較，如果這個值在數組后面的項里有了，那我就不要這個值，依次類推，其實就是取數組里這個值的最后一項，因為已經是最后一項了，不可能有相等的

2.雙循環+splice去重

const arr = [1, 2, 3, 5, 4, 3, 2, 1];for (var i=0;i<arr.length; i++) {  for (var j=i+1;j<arr.length; j++) {    if (arr[i] === arr[j]) {
      arr.splice(j,1)
      j--
    }
  }
}console.log(arr)// 打印結果[1, 2, 3, 5, 4]

通過雙循環判斷數組里是否有相同的值，如果有相同的值，就將后面相同的值去掉，splice方法會改變原數組，splice()方法返回的是分割的值的數組，原數組就是除去被分割出去的值后剩余值的數組

為社么j--?因為分割后，原數組長度減一了，上一個值降下來了，如果j不減1，在數組里面的j就是上一個值了，在加一下，就相當于跳過了，所以需要減1然后再執行循環里的加1獲取上一個值

3.循環+閉包+indexOf

var data = [1,2,4,3,5,2,1,3,2]var newData = []for(var i=0;i<data.length;i++) {
  ;(function () {    if (newData.indexOf(data[i]) === -1) {
      newData.push(data[i])
    }
  })(i);
}console.log(newData.sort())

通過循環遍歷，傳入循環數組的索引，然后通過indexOf判斷新數組里面是否有這個數組索引的值，如果沒有，則將數組索引的值添加到新數組里面

4.循環+對象

var data = [1,2,4,3,5,2,1,3,2]var newData = []var obj = {}for(var i=0;i<data.length;i++) {  if (!obj[data[i]]) {
    obj[data[i]] = 1
    newData.push(data[i])
  }
}console.log(newData.sort())

這個方法利用的就是同一個對象的key值不能重復，所以通過判斷對象里是否有當前數組索引的值，如果沒有，則將這個數組值作為key添加到對象里面，通過也把這個值添加到新數組里面，如果對象有這個key值和數組索引的值相同，則跳過

5.ES6語法-Set

var data = [1,2,4,3,5,2,1,3,2]var newData = []
newData = new Set(data)console.log(newData)

讀到這里，這篇“JavaScript數組如何去重”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注創新互聯行業資訊頻道。

網站標題：JavaScript數組如何去重
文章分享：http://www.yijiale78.com/article46/jjjjhg.html

成都網站建設公司_創新互聯，為您提供云服務器、域名注冊、用戶體驗、網站導航、ChatGPT、面包屑導航

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯