[JS] 睡前一看就会的数组去重方法 (幼儿园水平)

1. indexOf —>超级简单的啦

var arr = [1, 1, 2, 2, 4, 4, 5, 2, 2, 1, 2, 3, 3, 3, 2]

//首先是利用indexOf  他只会返回该数字出现的第一个下标
function uniqueArr(array){
    return array.filter(function(item,index){  //filter 是对数组中的每一项执行给定函数,返回执行结果为true的数组
        return array.indexOf(item)==index  //只要相等了 就返回该数字 
    })
}

console.log(uniqueArr(arr)) //[ 1, 2, 4, 5, 3 ]

2. forEach —>非常简单的啦

var arr = [1, 1, 2, 2, 4, 4, 5, 2, 2, 1, 2, 3, 3, 3, 2]
//forEach 遍历每一项 这个没有返回值噢 所以要  var _arr=[]
function uniqueArr(array){
    var _arr=[]
    array.forEach(item => {
        if(_arr.indexOf(item)==-1){  //也很好理解 indexOf 不存在 返回-1   既然不存在就给我push进去  注意indexOf 对于NaN是无效的 
            _arr.push(item)
        }
    });
    return _arr
}
console.log(uniqueArr(arr)) //[ 1, 2, 4, 5, 3 ]

3. sort —>无脑写法

var arr = [1, 1, 2, 2, 4, 4, 5, 2, 2, 1, 2, 3, 3, 3, 2]
//sort  让数组元素从小到大排列  会改变元素组!
function uniqueArr(array){
    var _arr=[]
    array.sort()
    for(let i=0;i<array.length;i++){
        if(array[i]!==array[i+1]) {
         _arr.push(array[i])
        }
    }
    return _arr
}
console.log(uniqueArr(arr)) //[ 1, 2, 4, 5, 3 ]

4. includes -->可与indexOf比较下

var arr = [1, 1, 2, 2, 4, 4, 5, 2, 2, 1, 2, 3, 3, 3, 2]
//includes 存在为ture 反之false
function uniqueArr(array){
    var _arr=[]
    array.forEach(function(item){
        if(!_arr.includes(item)){
            _arr.push(item)
        }
    })
    return _arr
}
console.log(uniqueArr(arr)) //[ 1, 2, 4, 5, 3 ]

sort + reduce 开始幼升小学

var arr = [1, 1, 2, 2, 4, 4, 5, 2, 2, 1, 2, 3, 3, 3, 2]
// 这里只需知道 prev是初始值 ","后面的[] 可以理解为赋值给prev 
//这样prev就变成了数组  item是每一项  
function uniqueArr(array){
    return  array.sort().reduce((prev,item)=>{
        if(prev.length===0||prev[prev.length-1]!==item){ //和sort + for 循环那个方法差不多
            prev.push(item)
        }
        return prev
       },[])  //prev 与 [] 建立连接 
    }
 console.log(uniqueArr(arr)); // [ 1, 2, 3, 4, 5 ]