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

創(chuàng)新互聯(lián)公司是一家以網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)、品牌設(shè)計(jì)、軟件運(yùn)維、seo優(yōu)化、小程序App開發(fā)等移動(dòng)開發(fā)為一體互聯(lián)網(wǎng)公司。已累計(jì)為成都LED顯示屏等眾行業(yè)中小客戶提供優(yōu)質(zhì)的互聯(lián)網(wǎng)建站和軟件開發(fā)服務(wù)。

數(shù)組去重

1.雙循環(huán)去重

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())

外面循環(huán)是每次取數(shù)組一個(gè)值，里面的循環(huán)是遍歷除了取了的值以外的后面的所有值作比較，如果有相等的話，就跳過進(jìn)行下輪循環(huán)比較，如果當(dāng)前值沒有找到任何相等的值，就添加到新數(shù)組

這個(gè)就是取數(shù)組里面的值取一一比較，如果這個(gè)值在數(shù)組后面的項(xiàng)里有了，那我就不要這個(gè)值，依次類推，其實(shí)就是取數(shù)組里這個(gè)值的最后一項(xiàng)，因?yàn)橐呀?jīng)是最后一項(xiàng)了，不可能有相等的

2.雙循環(huán)+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)// 打印結(jié)果[1, 2, 3, 5, 4]

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

為社么j--?因?yàn)榉指詈螅瓟?shù)組長度減一了，上一個(gè)值降下來了，如果j不減1，在數(shù)組里面的j就是上一個(gè)值了，在加一下，就相當(dāng)于跳過了，所以需要減1然后再執(zhí)行循環(huán)里的加1獲取上一個(gè)值

3.循環(huán)+閉包+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())

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

4.循環(huán)+對(duì)象

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())

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

5.ES6語法-Set

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

讀到這里，這篇“JavaScript數(shù)組如何去重”文章已經(jīng)介紹完畢，想要掌握這篇文章的知識(shí)點(diǎn)還需要大家自己動(dòng)手實(shí)踐使用過才能領(lǐng)會(huì)，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

網(wǎng)站標(biāo)題：JavaScript數(shù)組如何去重
文章分享：http://jinyejixie.com/article46/jjjjhg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供云服務(wù)器、域名注冊(cè)、用戶體驗(yàn)、網(wǎng)站導(dǎo)航、ChatGPT、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)