数组扁平化

本文介绍了多种将多维数组转换为一维数组的方法,包括ES6的`flat()`、`replace`结合`split`、`join`与`split`、扩展运算符、`toString`与`split`、`reduce`以及递归方法。每种方法的特点和适用场景进行了详细阐述,特别是`flat()`方法在性能上最优,但存在兼容性问题。
摘要由CSDN通过智能技术生成

数组扁平化

数组扁平化是指将一个多维数组变为一维数组
[1, [2, 3, [4, 5]]]  ------>    [1, 2, 3, 4, 5]

实现方法

方法一 es6提供的新方法 flat(depth) (性能最好,但有兼容问题)

利用 ES 6的最新语法,Array.prototype.flat()。缺点是,有兼容性问题。优点是非常简单。
mdn 上是这么描述的:flat() 方法会递归到指定深度将所有子数组连接,并返回一个新数组。
语法:var newArray = arr.flat(depth),参数说明:depth,可选,指定嵌套数组中的结构深度,默认值为1。

var arr1 = [1, 2, [3, 4]];
arr1.flat();  // [1, 2, 3, 4]

var arr2 = [1, 2, [3, 4, [5, 6]]];
arr2.flat(); // [1, 2, 3, 4, [5, 6]]不传参只会展开一层

var arr3 = [1, 2, [3, 4, [5, 6]]];
arr3.flat(2); // [1, 2, 3, 4, 5, 6] 传的参数为数组维度减一(3-1)

//Infinity展开所有嵌套数组
arr3.flat(Infinity); // [1, 2, 3, 4, 5, 6]

var arr4 = [1, 2, , 4, 5];
arr4.flat(); // [1, 2, 4, 5] flat()方法会移除数组中的空项

特殊说明:flat()方法会移除数组中的空项。但undefined、null仍会保留。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值