一、利用 ES6 Set 去重(ES6 中最常用)
function dedup (arr) {
return Array.from(new Set(arr))
}
var arr=[1,4,5,666,6,6,79,3,23,1,1]
console.log(dedup(arr))
不考虑兼容性,这种去重的方法代码最少。这种方法还无法去掉 {} 空对象,后面的高阶方法会添加去掉重复 {} 的方法。
二、利用 for 嵌套 for,然后 splice 去重(ES5 中最常用)
function dedup(arr){
for(let i=0;i<arr.length;i++){
for(let j=i+1;j<arr.length;j++){
if(arr[i]==arr[j]){
arr.splice(j,1) //第一个等同于第二个,splice方法删除第二个
j--
}
}
}
return arr
}
var arr=[1,4,5,666,6,6,79,3,23,1,1]
console.log(dedup(arr))
双层循环,外层循环元素,内层循环时比较值。值相同时,则删去这个值。
三、利用 indexOf 去重
function dedup(arr){
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,4,5,666,6,6,79,3,23,1,1]
console.log(dedup(arr))
新建一个空的结果数组,for 循环原数组,判断结果数组是否存在当前元素,如果有相同的值则跳过,不相同则 push 进数组。
四、利用 sort()
function dedup(arr){
arr=arr.sort()
var arr1=[arr[0]]
for(var i=1;i<arr.length;i++){
if(arr[i]!==arr[i-1]){
arr1.push(arr[i])
}
}
return arr1
}
var arr=[1,4,5,666,6,6,79,3,23,1,1]
console.log(dedup(arr))
利用 sort() 排序方法,然后根据排序后的结果进行遍历及相邻元素比对。
五、利用 filter
function dedup(arr){
return arr.filter(function(item,index,arr){
return arr.indexOf(item,0)===index //当前元素,在原始数组中的第一个索引==当前索引值,否则返回当前元素
})
}
var arr=[1,4,5,666,6,6,79,3,23,1,1]
console.log(dedup(arr))
六、[...new Set(arr)]
var arr=[1,4,5,666,6,6,79,3,23,1,1]
console.log([...new Set(arr)] )