JavaScript數(shù)組如何去重

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

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

這個就是取數(shù)組里面的值取一一比較，如果這個值在數(shù)組后面的項里有了，那我就不要這個值，依次類推，其實就是取數(shù)組里這個值的最后一項，因為已經(jī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方法會改變原數(shù)組，splice()方法返回的是分割的值的數(shù)組，原數(shù)組就是除去被分割出去的值后剩余值的數(shù)組

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

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ù)組里面是否有這個數(shù)組索引的值，如果沒有，則將數(shù)組索引的值添加到新數(shù)組里面

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

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值不能重復(fù)，所以通過判斷對象里是否有當(dāng)前數(shù)組索引的值，如果沒有，則將這個數(shù)組值作為key添加到對象里面，通過也把這個值添加到新數(shù)組里面，如果對象有這個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)介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領(lǐng)會，如果想了解更多相關(guān)內(nèi)容的文章，歡迎關(guān)注億速云行業(yè)資訊頻道。