最近面試有乙個面試題,要求盡可能多的列舉陣列去重的方法,現整理一下
//最簡單陣列去重法
/** 新建一新陣列,遍歷傳入陣列,值不在新陣列就push進該新陣列中
* ie8以下不支援陣列的indexof方法
* */
function
uniq(array)
}return
temp;
}var aa = [1,2,2,4,9,6,7,5,2,3,5,6,5];
console.log(uniq(aa));
/** 給傳入陣列排序,排序後相同值相鄰,
* 然後遍歷時,新陣列只加入不與前一值重複的值。
* 會打亂原來陣列的順序
* */
function
uniq(array)
}return
temp;
}var aa = [1,2,"2",4,9,"a","a",2,3,5,6,5];
console.log(uniq(aa));//[1, 2, "2", 2, 3, 4, 5, 6, 9, "a"]
該方法存在乙個問題,當陣列中存在number型別的2,和string型別的『2』時,因sort方法會呼叫每個陣列項的tostring()
方法,得到字串,然後再對得到的字串進行排序。如對陣列[15,3]呼叫sort()方法,得到的結果還是[15,3]雖然數值15比3大,但在進行字串比較時」15」則排在」3」前面,所有最後的結果就會出現上面列印出的問題。對sort()方法新增比較函式即可解決,這裡暫不詳細說明。
/** 速度最快, 佔空間最多(空間換時間)
** 該方法執行的速度比其他任何方法都快, 就是占用的記憶體大一些。
* 現思路:新建一js物件以及新陣列,遍歷傳入陣列時,判斷值是否為js物件的鍵,
* 不是的話給物件新增該鍵並放入新陣列。
* 注意點:判斷是否為js物件鍵時,會自動對傳入的鍵執行「tostring()」,
* 不同的鍵可能會被誤認為一樣,例如n[val]-- n[1]、n["1"];
* 解決上述問題還是得呼叫「indexof」。
*/function
uniq(array), r = , len =array.length, val, type;
for (var i = 0; i < len; i++)
else
if (temp[val].indexof(type) < 0)
}returnr;}
var aa = [1,2,"2",4,9,"a","a",2,3,5,6,5];
console.log(uniq(aa));
判斷是否為js物件鍵時,會自動對傳入的鍵執行「tostring()「,如果不判斷資料型別,結果就不會同時存在 2和」2「
/*** 還是得呼叫「indexof」效能跟方法1差不多,
* 實現思路:如果當前陣列的第i項在當前陣列中第一次出現的位置不是i,
* 那麼表示第i項是重複的,忽略掉。否則存入結果陣列。
* */
function
uniq(array)
}return
temp;
}var aa = [1,2,"2",4,9,"a","a",2,3,5,6,5];
console.log(uniq(aa));
//思路:獲取沒重複的最右一值放入新陣列
/** 推薦的方法
** 方法的實現**相當酷炫,
* 實現思路:獲取沒重複的最右一值放入新陣列。
* (檢測到有重複值時終止當前迴圈同時進入頂層迴圈的下一輪判斷)
*/function
uniq(array)
}temp.push(array[i]);
index.push(i);
}console.log(index);
return
temp;
}var aa = [1,2,'2',2,3,5,'3',3,'2',6,5];
console.log(uniq(aa));
functionuniq(arr)
})return
temp;
};var aa = [1,2,"2",4,9,"a","a",2,3,5,6,5];
console.log(uniq(aa));
//利用array.from將set結構轉換成陣列
function
uniq(arr)
var aa = [1,2,"2",4,9,"a","a",2,3,5,6,5]
console.log(uniq(aa))
//拓展運算子(...)內部使用for...of迴圈
let arr = [1,2,"2",4,9,"a","a",2,3,5,6,5,7,8];
let newarr = [...new
set(arr)];
console.log(newarr);
// 2020.03.05---
let originalarray = [1,2,3,4,5,3,2,4,1];//方式1
const result =;
const map = new
map();
for(let v of originalarray)
}console.log(result);
//-> [1, 2, 3, 4, 5]
//方式2
const result =;
for(let v of originalarray)
}console.log(result);
//-> [1, 2, 3, 4, 5]
//方式3
const obj ={};
const result = originalarray.filter(item => obj.hasownproperty(typeof item + item) ? false : (obj[typeof item + item] = true
));console.log(result);
//-> [1, 2, 3, 4, 5]
物件陣列如何去重?
通過json.stringify
序列化成字串(這個方法有一定的缺陷)後進行對比,或者遞迴的方式進行鍵-值對比,但是對於大型巢狀物件來說還是比較耗時的,
可根據每個物件的某乙個具體屬性來進行去重,因為考慮到服務端返回的資料中可能存在id重複的情況,需要前端進行過濾,如下:
const responselist =[, ,
, ,
];const result = responselist.reduce((acc, cur) =>, );
console.log(result);
//-> [ , , ]
陣列去重方法整理
陣列去重看似乙個簡單的問題,隨著我們的學習,對於新知識的掌握這個曾經困著我們的問題逐漸變得游刃有餘。要去重,中心解決辦法就是比較該陣列中是否重複的元素,而後將重複的元素去掉。以下帶來幾個樓主折磨自己中研究出的一點方法 for迴圈法 思路 將陣列中的每乙個數與陣列中其他的數進行比較,看是否有相同的。如...
幾種陣列去重方法
使用es6中的set是最簡單的去重方法。var arr 1 1,true true true true,15 15,false false undefined,undefined,null null nan nan nan 0 0,a a function arr unique1 arr arr u...
陣列去重的幾種方法
實現思路 新建一新陣列,遍歷傳入陣列,值不在新陣列就加入該新陣列中 注意點 判斷值是否在陣列的方法 indexof 是ecmascript5 方法,ie8以下不支援,需多寫一些相容低版本瀏覽器 最簡單陣列去重法 function unique1 array return n 實現思路 新建一js物件...