js数组扁平化之简单方法实现

扁平化

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

扁平化之es5

toString

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

const flatten = arr.toString().split(',');

console.log(flatten);
复制代码

优势：简单，方便，对原数据没有影响

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

join

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

const flatten = arr.join(',').split(',');

console.log(flatten);
复制代码

优势和缺点同toString

扁平化之es6

flat

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));
复制代码

优势：简单，方便

缺点：只能扁平化一层

总结

推荐使用es6的flat方法