数组去重的四种方式

最新推荐文章于 2024-05-03 11:47:20 发布

菜白CAIbai

最新推荐文章于 2024-05-03 11:47:20 发布

阅读量91

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/alexei9/article/details/130374291

版权

1、通过遍历比较新旧数组的内容将非重复项加入新数组

 let arr = [1, 3, 1, 3, 3, 4, 23, 2, 4, 5, 3, 5, 3, 6, 4, 23, 2, 3, 45, 4, 5, 23, 42]
    let arr1 = []
    for (let i = 0; i < arr.length; i++) {
        let flag = true
        for (let j = 0; j <= arr1.length; j++) {
            if (arr[i] == arr1[j]) {
                flag = false

            }
        }
        if (flag) {
            arr1.push(arr[i])
        }

    }
    console.log(arr1);

2、通过对象的特点进行去重

 let arr3 = []
    let obj = {}
    for (let i = 0; i < arr.length; i++) {
        if (typeof (arr[i]) == 'String') {
            obj[arr[i]] = true
        } else {
            obj[arr[i]] = false
        }
    }
    for (key in obj) {
        if (key) {
            arr3.push(key)
        } else {
            arr3.push(Number(key))
        }
    }
    console.log(arr3);

3、通过indexOf()方法进行筛选

   let arr2 = []
 
    for (let i = 0; i < arr.length; i++) {
        if (arr.indexOf(arr[i]) == arr.lastIndexOf(arr[i]) || arr2.indexOf(arr[i]) == -1) {
            arr2.push(arr[i])
        }
    }
    console.log(arr2);

4、通过forEach遍历数组，对比每一项的值

 let arr4 = []
    
    arr.forEach(function(items,indexs){
        let flag = true
        arr4.forEach(function(item,index){
           if (items == item) {
               flag = false
           }
        })
        if (flag) {
            arr4.push(items)
        }
    })
    console.log(arr4);