JS中常见的数组去重方式
一、for 循环嵌套,利用 splice 去重(此方法去不了 NaN 和 {})
此方法是以前在 es5 中,常用、比较实用的方法之一
function newArr(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
}
二、构建新数组,使用 indexOf 去重(此方法去不了 NaN 和 {})
function newArr(arr){
var arrs = [];
for(var i = 0;i<arr.length;i++){
//判断 arrs临时数组里面有没有当前 arr[i] 的值,没有就push 到 新数组里去
if(arrs.indexOf(arr[i]) == -1){
arrs.push(arr[i])
}
}
return arrs
}
三、ES6中利用Set去重(此方法去不了 {})
function newArr(arr){
return Array.from(new Set(arr))
}
//或者
...new Set(arr)
四、使用sort排序,然后遍历数组去重(此方法去不了 NaN 和 {})
function newArr(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
}
五、利用 includes(此方法去不了 NaN 和 {})
function newArr(arr){
var newarr = [];
for(var i = 0;i<arr.length;i++){
if(!newarr.includes(arr[i])){ // includes 检测数组中是否有这个值
newarr.push(arr[i])
}
}
return newarr
}
六、利用对象不能具有相同的属性去重(true 直接去完,NaN和 {}去重)
function newArr(arr){
var newarr = [];
var obj ={}
for(var i = 0; i<arr.length;i++){
if(!obj[arr[i]]){
newarr.push(arr[i])
obj[arr[i]] = 1
}else{
obj[arr[i]] ++
}
}
return newarr
}
七、利用 hasOwnProperty(NaN和 {}去重)
hasOwnProperty 判断是否存在对象属性
function newArr(arr){
var obj ={};
return arr.filter(function(item,index,arr){
return obj.hasOwnProperty(typeof item + item) ? false : (obj[typeof item + item] = true)
})
}
八、利用filter (NaN去重、{}没有)
function newArr(arr){
return arr.filter(function(item,index,arr){
return arr.indexOf(item,0) === index;
})
}
剩下的就不一 一 详解了,大概还有 递归、Map ,大家感兴趣 可以去试试,但是我感觉列举的这些就已经满足了日常所需了