更新時間:2021-08-30 10:56:57 來源:動力節點 瀏覽1310次
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教程。動力節點在線學習教程,針對沒有任何Java基礎的讀者學習,讓你從入門到精通,主要介紹了一些Java基礎的核心知識,讓同學們更好更方便的學習和了解Java編程,感興趣的同學可以關注一下。
0基礎 0學費 15天面授
有基礎 直達就業
業余時間 高薪轉行
工作1~3年,加薪神器
工作3~5年,晉升架構
提交申請后,顧問老師會電話與您溝通安排學習