一维数组&多维数组去重的几个实现方法

面向对象面向君

已于 2023-03-09 20:20:44 修改

阅读量307

点赞数

分类专栏： JavaScript 文章标签： javascript 前端开发语言 ES6 算法

于 2023-01-17 22:44:09 首次发布

本文链接：https://blog.youkuaiyun.com/Mr_28/article/details/128721505

版权

JavaScript 专栏收录该内容

21 篇文章

订阅专栏

本文探讨了在JavaScript中如何有效地去除一维和多维数组的重复元素，涵盖了基本方法到ES6的新特性，包括使用Set、reduce、双重循环等策略，旨在提供多种解决方案供开发者选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 一维数组去重

// 使用 Set
const removeRepeat = arr => {
    return [...new Set(arr)]
}

// 使用数组遍历
const removeRepeat = arr => {
    const newArr = []
    arr.forEach(item => {
        if (!newArr.includes(item)) {	// 也可以用 indexOf
            newArr.push(item)
        }
    })
    return newArr
}

// 使用 filter 配合 indexOf
const removeRepeat = arr => {
    return arr.filter((item, index) => arr.indexOf(item) === index)
}

// ===========================================================================

// 多维数组去重
const removeMultiRepeat = arr => {
    // 将多维数组转换为一维数组
    const flat = arr => {
        let newArr = []
        arr.forEach(item => {
            if (Array.isArray(item)) {
                newArr = newArr.concat(flat(item))
            } else {
                newArr.push(item)
            }
        })
        return newArr
    }

    return [...new Set(flat(arr))] //  也可以改用上面的 removeRepeat 方法
}

removeMultiRepeat([1, [2, 3], [2, [8, 9, 1], [4, [5, 8]]]]) //  [1, 2, 3, 8, 9, 4, 5]
// 使用 Array.prototype.flat 方法，传入 Infinity 可以直接将多维数组转一维
[...new Set([1, [2, 3], [2, [8, 9, 1], [4, [5, 8]]]].flat(Infinity))]