利用javaScript实现数组去重

最新推荐文章于 2024-05-30 11:27:58 发布

向日葵~~

最新推荐文章于 2024-05-30 11:27:58 发布

阅读量38

点赞数

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/qq_56351254/article/details/131345351

版权

利用javaScript实现数组去重

利用双重for循环
核心思路：对比前一项和后一项如果前一项和后一项相等则删除后一项并修正数组下标

function unique(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
}
var arr = [11, 22, 32, 21, 11, 22, 56]
console.log(unique(arr));

利用indexOf方法或者lastindexOf方法进行数组去重
核心思路：创建一个新的空数组遍历数组判断数组元素是否存在于新的数组中若不存在，则进行插入

function unique1(arr) {
    let newArry = []
    for (var i = 0; i < arr.length; i++) {
        if (newArry.indexOf(arr[i]) === -1) {
            newArry.push(arr[i])
        }
    }
    return newArry
}
var arr1 = [11, 22, 32, 21, 11, 22, 56]
console.log(unique1(arr1));

利用includes方法进行数组去重
核心思路：创建一个新的空数组遍历数组判断数组元素是否包含在新的数组中若不存在，则进行插入

function unique2(arr) {
    let newArry = []
    for (var i = 0; i < arr.length; i++) {
        if (!newArry.includes(arr[i])) {
            newArry.push(arr[i])
        }
    }
    return newArry
}
var arr2 = [11, 22, 32, 21, 11, 22, 56]
console.log(unique2(arr2));

利用forEach方法和indexOf方法/lastindexOf方法/includes方法进行数组去重
核心思路：创建一个新的空数组利用forEach函数遍历数组判断数组元素是否存在于新的数组中若不存在则进行插入

function unique3(arr) {
    let newArry = []
    arr.forEach(function (item) {
        // if (newArry.indexOf(item) === -1) {
        //     newArry.push(item)
        // }
        // if (newArry.lastIndexOf(item) === -1) {
        //     newArry.push(item)
        // }
        if (!newArry.includes(item)) {
            newArry.push(item)
        }
    })
    return newArry
}
var arr3 = [11, 22, 32, 21, 11, 22, 56]
console.log(unique3(arr3));

利用filter方法和 indexOf方法/lastindexof方法/includes方法进行数组去重
核心思路：创建一个新的空数组利用filter方法遍历数组判断数组元素是否存在于新的数组若不存在进行插入

function unique4(arr) {
    let newArry = []
    return arr.filter(function (item) {
        if (newArry.indexOf(item) === -1) {
            return newArry.push(item)
        }
    })
}
var arr4 = [11, 22, 32, 21, 11, 22, 56]
console.log(unique4(arr4));

利用set集合进行去重
核心思路：set集合内部的成员是不会重复的

var arr5 = [11, 22, 32, 21, 11, 22, 56]
var set = new Set(arr5)
//console.log(set);
//1.将set集合转为数组
console.log(Array.from(set));
//2.利用...拓展运算符将set集合展开
console.log([...set]);