JS陣列去重幾種方法
阿新 • • 發佈:2019-01-03
JS陣列去重幾種方法
1. 利用ES6 Set去重(ES6中最常用)
```
function unique(arr){
return Array.from(new Set(arr));
}
var arr=[1,1,2,3,3,3,4,4,4,5,5,'1','true',true];
console.log(unique(arr));
```
此種方法對{}一些符號不起作用,可用於字串和數字。
2. 利用for巢狀,然後splice去重(ES5中常用)
``` function unique(arr){ 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--; } } } return arr; } var arr=[1,1,2,3,3,3,4,4,4,5,5,'1','true',true]; console.log(unique(arr)); ``` 雙層迴圈,外層迴圈元素,內層迴圈時比較值,值相同,則刪去這個值。只能 用於數字,字串和符號都不可用。
3. 利用indexOf去重
function unique(arr){ if(!Array.isArray(arr)){ console.log("type error"); return; } var array=[]; for(var i=0;i<arr.length;i++){ if(array.indexOf(arr[i])===-1){ array.push(arr[i]); } } return array; } var arr=[1,1,2,3,3,3,4,4,4,5,5,'1','true',true]; console.log(unique(arr));
新建一個空的陣列,for迴圈陣列,判斷結果陣列是否存在當前元素,如果有相同
的值則跳過,不相同的則psuh進陣列。字串和數字都可以用,但是特殊符號不可用。
4.利用sort
function unique(arr){ if(!Array.isArray(arr)){ console.log("type error"); return; } arr=arr.sort(); var array=[arr[0]]; for(var i=1;i<arr.length;i++){ if(arr[i]!==arr[i-1]){ array.push(arr[i]); } } return array; } var arr=[1,1,2,3,3,3,4,4,4,5,5,'1','true',true]; console.log(unique(arr));
只能用於數字,字串和符號都不可用。
5.利用物件的屬性不能相同的特點進行去重
function unique(arr){
if(!Array.isArray(arr)){
console.log("type error");
return;
}
var array=[];
var object={};
for(var i=0;i<arr.length;i++){
if(!object[arr[i]]){
array.push(arr[i])
object[arr[i]]=1
}else{
object[arr[i]]++
}
}
return array;
}
var arr=[1,1,2,3,3,3,4,4,4,5,5,'1','true',true,'true',{},{},{}];
console.log(unique(arr));
只對數字型別起作用。
6.利用includes
function unique(arr){
if(!Array.isArray(arr)){
console.log("type error")
}
var array=[];
for(var i=0;i<arr.length;i++){
if(!array.includes(arr[i])){
array.push(arr[i]);
}
}
return array;
}
var arr=[1,1,2,3,3,3,4,4,4,5,5,'1','true',true,'true',{},{},{}];
console.log(unique(arr));
includes檢測陣列是否有某個值,對數字型別和字串起作用,特殊符號不行。