js数组扁平化的方法（flat）汇总

我不是女神ヾ 2022-11-21 03:40 180阅读 0赞

###  js数组扁平化的方法（flat)方法的总结： ###

/* 
    * js数组扁平化的方法（flat)方法的总结
    */
    /* 
    *方法1：
    */
    let arr=[1,[2,34,[4,5]]];
    let str=JSON.stringify(arr);// [1,[2,34,[4,5]]]
    // 方式1：flat()
    console.log(arr.flat(Infinity));//[1, 2, 34, 4, 5]
    // 方式2：字符串替换拼接序列化
    str=str.replace(/(\[|\])/g,'');
    console.log(str,JSON.parse("["+str+"]"));//1,2,34,4,5 ?[1, 2, 34, 4, 5]
    //方式3：递归
    function getFlatArr(arr){
        let res=[];
        function fn(arr){
            for(let i=0;i<arr.length;i++){
                if(Array.isArray(arr[i])){
                    fn(arr[i])
                }else{
                    res.push(arr[i])
                }
            }
        }
        fn(arr);
        return res
    }
    console.log(getFlatArr(arr));//[1, 2, 34, 4, 5]
    //方式4：reduce实现数组的flat方法
    function flatten(arr){
        return arr.reduce((pre,cur)=>{
          return  pre.concat(Array.isArray(cur)?flatten(cur):cur)
        },[])
    }
    console.log(flatten(arr));
    //方式5：扩展运算符   每次展开一层
    while(arr.some(Array.isArray)){
        arr=[].concat(...arr)
    }
    console.log(arr);

发表评论取消回复

表情：

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

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

相关阅读

相关 JS 数组扁平化

如有一个数组 var arr = \[1, \[2, 3, \[4\]\]\] ，我们怎么能把arr变成\[1, 2, 3, 4\]呢？即让多维数组降维，转换为只有一层的...

布满荆棘的人生/ 2024年04月17日 20:42/ 0 赞/ 80 阅读

相关前端面试题数组 Flat 数组扁平化

数组扁平化：用于将嵌套多层的数组“拉平”，变成一维的数组 1、[1, [2]] => [1,2] 2、[[1, 2], [3, 4]] => [1, 2,...

桃扇骨/ 2024年04月17日 06:31/ 0 赞/ 100 阅读

相关数组扁平化的方法

什么是“数组扁平化” 用简单的话来说，就是将一个多维数组变为一个一维数组。例如，将数组\[1, 2, \[3, \[4, 5\]\], \[6, 7\]\]扁平化处理后输出

港控/mmm°/ 2024年03月02日 09:42/ 0 赞/ 113 阅读

相关 js数组扁平化的方法（flat）汇总

js数组扁平化的方法（flat)方法的总结： / js数组扁平化的方法（flat)方法的总结 / / 方法1： /

我不是女神ヾ/ 2022年11月21日 03:40/ 0 赞/ 181 阅读

相关 php多维数组扁平化处理,JS数组扁平化(flat)方法总结详解

需求:多维数组=>一维数组 let ary = \[1, \[2, \[3, \[4, 5\]\]\], 6\]; let str = JSON.stringify(ary

快来打我*/ 2022年11月18日 04:51/ 0 赞/ 280 阅读

相关 JS 数组扁平化

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

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

相关 JS数组扁平化

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

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

相关 JS扁平化（flatten）数组

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

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

相关 js 数组扁平化

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

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

相关 JS数组扁平化(flat)方法总结详解

需求:多维数组=>一维数组 let ary = [1, [2, [3, [4, 5]]], 6]; let str = JSON.stringify(ary)

叁歲伎倆/ 2021年07月04日 13:43/ 0 赞/ 362 阅读