- 1.使用set
-
const array = [1,2,2,3,4,4,5]; const uniqueArray = [...new Set(array)]; console.log(uniqueArray); //[1,2,3,4,5]
new Set(array) 转换为Set, 去除重复值
- 2.使用filter 和 indexof
-
const array = [1,2,2,3,4,4,5]; const uniqueArray = array.filter(value,index,self) => self.indexof(value) === index ; console.log(uniqueArray);
filter 方法返回数组中所有满足测试条件的元素
-
indexof(value) === index 确保当前元素在数组中的首次出现位置与当前索引相同,从而实现去重
3. 使用reduce 和 includes
const array = [1, 2, 2, 3, 4, 4, 5];
const uniqueArray = array.reduce((acc,value) =>{
if(!acc.includes(value)) {
acc.push(value);
}
return acc;
},[]);
console.log(uniqueArray);
includes(value) 检查累积数组中是否已存在当前值
-
reduce方法用于数组的累积操作,累积的初始值是一个空数组。
-
4. 使用for 循环和对象辅助
-
const array = [1,2,2,3,4,4,5]; const uniqueArray = []; const seen = {}; for(const value of array) { if(!seen[value]) { uniqueArray.push(value); seen[value] = true; } } console.log(uniqueArray);
seen 对象用于记录每个元素是否已出现过。如果元素未出现过,则将其加入uniqueArray 并在 seen 对象中标记为已出现。
- 5. 使用Array.from 和 set
const array = [1,2,2,3,4,4,5]; const uniqueArray = Array.from(new Set(array)); console.log(uniqueArray); // Array.from(new Set(array)) 将Set对象转换为数组,自动去重。