手写一个JS函数，实现数组扁平化Array Flatten

最新推荐文章于 2025-06-08 21:35:46 发布

沿着路走到底

最新推荐文章于 2025-06-08 21:35:46 发布

阅读量433

点赞数

CC 4.0 BY-SA版权

分类专栏：面试题文章标签：前端

本文链接：https://blog.csdn.net/m0_38066007/article/details/124945861

面试题专栏收录该内容

115 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍如何手写一个JavaScript函数，实现数组的扁平化操作。通过遍历和递归，将多层嵌套的数组转换为一维数组。提供了一级扁平化的实现思路和单元测试，以及完全深度扁平化的解决方案，包括一种利用`toString`的hack方法，但需要注意其对引用类型处理的局限性。

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

写一个函数，实现 Array flatten 扁平化，只减少一个嵌套层级

例如输入 `[1, 2, [3, 4, [100, 200], 5], 6]` 返回 `[1, 2, 3, 4, [100, 200], 5, 6]`

思路

定义空数组 arr = []，遍历当前数组

如果 item 非数组，则累加到 arr

如果 item 是数组，则遍历之后累加到 arr

/**
 * @description 数组扁平化
 */

/**
 * 数组扁平化，使用 push
 * @param arr arr
 */
export function flatten1(arr: any[]): any[] {
    const res: any[] = []

    arr.forEach(item => {
        if (Array.isArray(item)) {
            item.forEach(n => res.push(n))
        } else {
            res.push(item)
        }
    })

    return res
}

/**
 * 数组扁平化，使用 concat
 * @param arr arr
 */
export function flatten2(arr: any[]): any[] {
    let res: any[] = []

    arr.forEach(item => {
        res = res.concat(item)
    })

    return res
}

了解本专栏

超级会员免费看