数组去重的方法

一.数组去重的方法

方法一：插件引用

访问此链接
链接
点击 UMD (Development) 另存为到文件夹中
在script标签中引用

<script src="./js/underscore.js"></script>
<script>
    function getNewArr(arr){
        let res = _.uniq(arr)
        return res
    }
    console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>

方法二：对象转化数组

<script>
    function getNewArr(arr){
        //new Set(arr) 把数组转化为不重复的对象
        //Array.from() 再把对象转化为数组
        return Array.from(new Set(arr))
    }
    console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>

方法三：解构赋值

<script>
    function getNewArr(arr){
       return [...new Set(arr)]
    }
    console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>

方法四：forEach方法

<script>
    function getNewArr(arr){
       let res =[]
       arr.forEach((item,index)=>{
        if(arr.indexOf(item)===-1){
            res.push(item)
        }
       })
        return res
    }
    console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>

方法五：filter方法

<script>
    function getNewArr(arr){
       //过滤数组中下标不唯一的元素
       //Array.from() 再把对象转化为数组
       return arr.filter((item,index)=>arr.indexOf(item)===index)
    }
    console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>

方法六：reduce方法

<script>
    function getNewArr(arr){
       //reduce
       return arr.reduce((pre,next)=>{
        return  pre.includes(next)?pre:[...pre,next]
       },[])
    }
    console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>

方法七：对象方法

    function getNewArr(arr){
       let res = {}
       arr.forEach((item,index)=>res[arr[index]] = item)//利用对象key值唯一
       return Object.keys(res).map(item => ~~item)
    }
    console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>

方法八：sort方法

<script>
    function getNewArr(arr){
        let res = [] ;
        let temp = arr.sort()
        for(let i = 0; i < temp.length; i++){
            if(temp[i]!==temp[i+1]){
                res.push(arr[i])
            }
        }
        return res
    }
    console.log(getNewArr([1,4,5,7,3,4,1,0,5,6,5,3,1]))
</script>