js中数组去重的几种方法总结

最新推荐文章于 2024-05-23 14:46:24 发布

这是我的名称

最新推荐文章于 2024-05-23 14:46:24 发布

阅读量68

点赞数

文章标签： javascript 前端 vue.js

原文链接：https://blog.csdn.net/u011107860/article/details/136856948?spm=1001.2014.3001.5502

版权

1.ES6中的Set去重

 const arr = [1,11,22,3,1,22,3,4,4];

 const setData = new Set(arr);

 console.log(setData);

// 两个数组合并去重

  let a = [1,2,3,4,6];

  let b = [1,2,3,7,8];

  let c = new Set([...a,...b]);

  let d = Array.from(c); //Array.from方法是将对象转成数组

  console.log(c);

  console.log(d);

  // Set去重只能去值类型的数据（比如全是string或者全是number）

2.古老的方法双重for循环去重

const handleRemoveRepeat = (arr) => {
            for (let i = 0,len = arr.length; i < len; i++) {
                for (let j = i + 1; j < len; j++) {
                    if (arr[i] === arr[j]) {
                        arr.splice(j, 1);

                    }

                }

            }

            return arr;

        }

        let newArr = handleRemoveRepeat([1,1,2,3,4,5,5]);

        console.log(newArr); //[1,2,3,4,5]

3.indexOf去重

function removeRepeat(arr) {
            let repeatArr = [];

            for (let i = 0,len = arr.length; i<len; i++)

                if(repeatArr.indexOf(arr[i])===-1) repeatArr.push(arr[i])

            return repeatArr;

        }

        let arg = removeRepeat([1,2,1,3,4,2,3]);

        console.log(arg);

4.includes方法

function removeRepeats(arr) {
            let args = [];

            for (let i = 0;i<arr.length;i++) {
                if (!args.includes(arr[i])){
                    args.push(arr[i])

                }

            }

            return args;

        }

        let arg1 = removeRepeats([1,1,2,3,4,5,3]);

        console.log(arg1);

5.filter方法去重

var array = [1,2,3,1,3,4,43,2];

        var array2 = array.filter((x,index,self) => {
            //self: 表示该数组对象

            //x: 表示当前对象、

            //index: 表示当前元素下标

            return self.indexOf(x) === index

        })

        console.log(array2);