JS 数组扁平化之简单方法实现 #75

简介: JS 数组扁平化之简单方法实现 #75

什么是扁平化


一句话解释,数组扁平化是指将一个多维数组(含嵌套)变为一维数组


扁平化之 ES5


到字符串

const arr = [1, 2, 3, [4, 5, [6, 7]]];
const flatten = arr.toString().split(',');
console.log(flatten);

优点:简单,方便,对原数据没有影响

缺点:最好数组元素全是数字或字符,不会跳过空位


加入

const arr = [1, 2, 3, [4, 5, [6, 7]]];
const flatten = arr.join(',').split(',');
console.log(flatten);

优点和缺点同 toString


扁平化之 ES6


const arr = [1, 2, 3, [4, 5, [6, 7]]];
const flatten = arr.flat(Infinity);
console.log(flatten);

优点:会跳过空位,返回新数组,不会修改原数组。

缺点:无


扩展运算符(...)

const arr = [1, 2, 3, [4, 5]];
console.log([].concat(...arr));

优点:简单,方便

缺点:只能扁平化一层


总结


推荐使用 的 方法ES6flat

目录
相关文章
|
3天前
|
JavaScript 前端开发
javascript操作BOM的方法
javascript操作BOM的方法
12 0
|
1天前
|
JavaScript 前端开发 索引
js添加、删除、替换、插入元素的方法
js添加、删除、替换、插入元素的方法
7 0
|
2天前
|
JavaScript 前端开发
JavaScript 循环方法详解
JavaScript 循环方法详解
17 1
|
2天前
|
JavaScript 前端开发
JavaScript数字方法详解
JavaScript数字方法详解
15 0
|
2天前
|
存储 JavaScript 前端开发
JavaScript对象方法详解
JavaScript对象方法详解
11 1
|
2天前
|
存储 JavaScript 前端开发
JavaScript字符串方法详解
JavaScript字符串方法详解
14 0
|
3天前
|
JavaScript 前端开发
javascript数组排序的方法
javascript数组排序的方法
|
3天前
|
JavaScript 前端开发 安全
javascript操作DOM的方法
javascript操作DOM的方法
10 0
|
3天前
|
JavaScript 索引
js字符串操作的方法
js字符串操作的方法
|
3天前
|
JavaScript 前端开发
js关于数字的方法
js关于数字的方法
12 1