【前端每日一题】day4——数组扁平化的实现

数组扁平化的实现

数组扁平化(flatten)是将一个多维数组转换为一个一维数组的过程。在 JavaScript 中,可以使用递归或者数组的一些内置方法来实现数组扁平化。

递归实现:

javascript 复制代码
function flattenArray(arr) {
    var result = [];
    arr.forEach(function(item) {
        if (Array.isArray(item)) {
            result = result.concat(flattenArray(item));
        } else {
            result.push(item);
        }
    });
    return result;
}

使用 reduce() 方法实现:

javascript 复制代码
function flattenArray(arr) {
    return arr.reduce(function(prev, curr) {
        return prev.concat(Array.isArray(curr) ? flattenArray(curr) : curr);
    }, []);
}

使用 flat() 方法(ES6+):

javascript 复制代码
// 指定深度
array.flat(depth);
javascript 复制代码
// 无限深度
array.flat(Infinity);

使用扩展运算符(ES6+):

javascript 复制代码
var arr = [1, [2, [3, 4]]];
var flattenedArray = [].concat(...arr);
相关推荐
weixin1997010801610 分钟前
《XMZ 商品详情页前端性能优化实战》
前端·性能优化
蜡台1 小时前
Uniapp H5Builderx 预览Html 显示404问题解决
前端·uni-app
We་ct1 小时前
LeetCode 190. 颠倒二进制位:两种解法详解
前端·算法·leetcode·typescript
踩着两条虫1 小时前
AI驱动的Vue3应用开发平台深入探究(二十五):API与参考之Renderer API 参考
前端·javascript·vue.js·人工智能·低代码·前端框架·ai编程
信创DevOps先锋1 小时前
本土化突围:Gitee如何重新定义企业级项目管理工具价值
前端·gitee·jquery
圣光SG2 小时前
Java类与对象及面向对象基础核心详细笔记
java·前端·数据库
Jinuss2 小时前
源码分析之React中的useImperativeHandle
开发语言·前端·javascript
ZC跨境爬虫2 小时前
CSS核心知识点与定位实战全解析(结合Playwright爬虫案例)
前端·css·爬虫
Jinuss2 小时前
源码分析之React中的forwardRef解读
前端·javascript·react.js