9.22(一):数组扁平化

ES6的flat方法

javascript 复制代码
const arr=[1,2,[33,44,5,[6,7]],3]

// es6中的flat方法

function arr1()
{
//数组自带的扁平化方法,flat的参数代表的是需要展开几层,
//如果是Infinity的话,就是不管嵌套几层,全部都展开
    return arr.flat(Infinity)
}
let result=arr1();
console.log(result)

结果:

JSON+正则

javascript 复制代码
function arr2()
{
//  首先是使用 JSON.stringify 把 arr 转为字符串
// 接着使用正则把字符串里面的 [ 和 ] 去掉
// 然后再拼接数组括号转为数组对象
   let arr1=JSON.stringify(arr).replace(/\[|\]/g,"");
   return JSON.parse('['+arr1+']')
}

结果:

递归

javascript 复制代码
function arr3() {
    let myArr = [];
    function fn(arr1)
    {
        for (let i = 0; i < arr1.length; i++) {
        //判断是否是数组
            if(Array.isArray(arr1[i]))
            {
                fn(arr1[i])
            }else{
                myArr.push(arr1[i])
            }
        }
    }
    fn(arr)
    return myArr
}

结果:

reduce方法

javascript 复制代码
function myredduce(arr)
{

// reduce 方法: 可以用来给数组求和
// concat() 方法用于连接两个或多个数组。
// concat() 方法不会更改现有数组,而是返回一个新数组,其中包含已连接数组的值。
        return arr.reduce((pre,cur)=>{
            return pre.concat(Array.isArray(cur) ? myredduce(cur) : cur)
        },[])
    
}
let result = myredduce(arr);

结果:

栈思想

javascript 复制代码
function mystack()
{
    let newArr=[];
    let stack=[].concat(arr)
    while(stack.length!=0)
    {
        const val=stack.pop();
        if(Array.isArray(val))
        {
            stack.push(...val)
        }else{
            newArr.unshift(val)
        }
    }
    return newArr
}
let result = mystack(arr);

结果:

相关推荐
前端张三34 分钟前
vue3中ref在js中为什么需要.value才能获取/修改值?
前端·javascript·vue.js
爱的叹息1 小时前
解决 Dart Sass 的旧 JS API 弃用警告 的详细步骤和解决方案
javascript·rust·sass
夕水1 小时前
这个提升效率宝藏级工具一定要收藏使用
前端·javascript·trae
会飞的鱼先生2 小时前
vue3 内置组件KeepAlive的使用
前端·javascript·vue.js
前端大白话3 小时前
前端崩溃瞬间救星!10 个 JavaScript 实战技巧大揭秘
前端·javascript
一千柯橘3 小时前
Nestjs 解决 request entity too large
javascript·后端
举个栗子dhy3 小时前
如何处理动态地址栏参数,以及Object.entries() 、Object.fromEntries()和URLSearchParams.entries()使用
javascript
宁静_致远3 小时前
React Native 技术栈:基于 macOS 开发平台的 iOS 应用开发指南
前端·javascript·react native
H5开发新纪元3 小时前
VS Code 插件开发实战:代码截图工具
javascript·visual studio code
DevUI团队4 小时前
超越input!基于contentediable实现github全局搜索组件:从光标定位到输入事件的全链路设计
前端·javascript