数组扁平化

谁借莪１个温暖的怀抱￠ 2021-09-29 14:58 307阅读 0赞

今天看到了**数组扁平化**处理，犹记得之前面试被问到过，下面介绍一下**数组扁平化**处理的几种形式：

题目要求：

/*
        *将数组 arr = [1,2,3,4,[5,6,7,[8,9]]] 转化为 [1, 2, 3, 4, 5, 6, 7, 8, 9]
        */

**1、递归**

var arr = [1,2,3,4,[5,6,7,[8,9]]];
    
        //方法一：递归
        function flatFun(arr) {
            let list = [];
            arr.forEach(item => {
                if(item instanceof Array) {
                    list = list.concat(flatFun(item));
                } else {
                    list.push(item);
                }
    
            })
            return list
        }
        let res1 = flatFun(arr);
        console.log(res1)

**2、通过数组的原型函数，需预先知道数组的深度 **

var arr = [1,2,3,4,[5,6,7,[8,9]]];
    
        //方法二：预先知道数组深度的情况下
        let res2 = arr.flat(3);
        console.log(res2)

**3、通过toString方法【具有比较大的局限性，当元素不为数字时，结果可能不正确】**

var arr = [1,2,3,4,[5,6,7,[8,9]]];
    
        //方法三：通过toString()
        let res3 = arr.toString().split(",").map(item => Number(item));
        console.log(res3);

4、通过reduce进行归并

//方法4 通过reduce进行数组归并
        var arr = [1,2,3,4,[5,6,7,[8,9]]];
        function flatten(arr){
           return arr.reduce(function(prev,next){
               console.log(prev);
                return prev.concat(Array.isArray(next)?flatten(next):next);
           },[]);//reduce的第二个参数：作为归并基础的初始值
        }
        var res4 = flatten(arr);
        console.log(res4);

看到这里，是不是学到了很多你不知道的js；

# **原创不易，自由转载，保留出处！** #

发表评论取消回复

表情：

评论列表（有 0 条评论，307人围观）

还没有评论，来说两句吧...

相关阅读

相关数组扁平化输出

> 编写代码实现数组扁平化输出，例如：输入\[\[1,2,3,\[4,5,6,\[7,8\]\]\],\[9,10\],\[11,12,\[13\]\],5\] 输出为\[1,

我会带着你远行/ 2024年04月08日 11:11/ 0 赞/ 79 阅读

相关数组扁平化 flatten

题目：已知如下数组： var arr = [ [1, 2, 2], [3, 4, 5, 5], [6, 7, 8, 9, [11, 12, [12

蔚落/ 2023年10月12日 08:09/ 0 赞/ 22 阅读

相关数组扁平化(数组展开)

第一种：flat() let arr1=[1,2,['a','b','c'],3]; console.log(arr1.flat()); ![在这里插入图片

矫情吗；*/ 2023年10月11日 13:07/ 0 赞/ 56 阅读

相关数组扁平化

概念：用于将嵌套多层的数组“拉平”，变成一维的数组方法一：通过concat将二维数组转化为一维数组原理：通过将扩展运算符，将数组内部展开，并通过concat连接两个

Myth丶恋晨/ 2023年10月06日 16:03/ 0 赞/ 13 阅读

相关数组扁平化 && 对象扁平化

目录 1. 数组扁平化 1.1 toString + split 1.2 reduce

我就是我/ 2022年11月26日 01:39/ 0 赞/ 205 阅读

相关 JS 数组扁平化

数组扁平化是什么呢？举例的话就是 \[1,2,\[3,4\],\[5\]\] => \[1,2,3,4,5\]；将一个多维数组变为一个一维数组。实现方法如下： 1、red

ゞ浴缸里的玫瑰/ 2022年10月26日 12:59/ 0 赞/ 176 阅读

相关 JS数组扁平化

一道笔试题，将一个嵌套数组扁平化处理。 ▍题目 > 将\[1,2,\[3,\[4,5\]\]\]转化成\[1,2,3,4,5\]。 ▍方法一：递归

朱雀/ 2022年05月12日 05:44/ 0 赞/ 219 阅读

相关 JS扁平化（flatten）数组

JS扁平化分类： 1.对象扁平化（深度很深的对象，经过扁平化编程深度为 1 的对象）、 2.数组扁平化（降维过程，多维数组经过扁平化变成一维数组）。首先让我们思考一

ゞ浴缸里的玫瑰/ 2022年02月24日 14:20/ 0 赞/ 266 阅读

相关 js 数组扁平化

第一种 > 依次把每一项添加进新数组 > 如果为非数组，直接添加 > 如果为数组，则添加递归操作的结果 function flatten(ar

亦凉/ 2022年01月19日 02:25/ 0 赞/ 256 阅读

相关数组扁平化

今天看到了数组扁平化处理，犹记得之前面试被问到过，下面介绍一下数组扁平化处理的几种形式：题目要求： / 将数组 arr = [1,2,3,4,[5

谁借莪１个温暖的怀抱￠/ 2021年09月29日 14:58/ 0 赞/ 308 阅读