flatten(扁平化)数组

本文深入探讨了数组扁平化的多种实现方法,包括利用concat、三点运算符和ES10的flat API,从初级到终极版,逐步解析不同场景下的适用性和效率。

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

前言

顾名思义,扁平化就是将嵌套的多维数组变成一维数组的过程。今天将通过几种方式来实现数组的扁平化。

先定义这几种方法公用的一个数组

const arr = [1, 2, [3, 4, [5, 6]]]

初级版

初级版也通过两种方式来实现

第一种

利用数组的concat方法

function flatten(arr) {
  let res = []  
  arr.map(element => {
    if(Array.isArray(element)) {
      res = res.concat(flatten(element))
    }
    else{
      res.push(element)
    }
  })
  return res
}
第二种

使用参数默认值的方法

function flatten(arr, res = []) {
  for (let item of arr) {
    if (Array.isArray(item)) {
      res = flatten03(item, res)      
    }
    else{
      res.push(item)        
    }
  }
  return res
}

进阶版

使用…三点运算符结合concat方法

function flatten(arr) {
  while(arr.some(item => Array.isArray(item))) {
    arr = [].concat(...arr)
  }
  return arr
}

终极版

Array.flat(n)是ES10扁平数组的api, n表示维度, n值为 Infinity时维度为无限大。
我们的例子中是个三维数组,所以,写法为:

arr.flat(3)
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值