更新時間:2021-08-30 10:56:57 來源:動力節(jié)點 瀏覽1949次
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)是遍歷除了取了的值以外的后面的所有值作比較,如果有相等的話,就跳過進行下輪循環(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)
以上就是動力節(jié)點小編介紹的"JavaScript數(shù)組去重方法",希望對大家有幫助,想了解更多可查看JavaScript教程。動力節(jié)點在線學(xué)習(xí)教程,針對沒有任何Java基礎(chǔ)的讀者學(xué)習(xí),讓你從入門到精通,主要介紹了一些Java基礎(chǔ)的核心知識,讓同學(xué)們更好更方便的學(xué)習(xí)和了解Java編程,感興趣的同學(xué)可以關(guān)注一下。