JS数组扁平化(flat)

Posted web-前端工程师

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS数组扁平化(flat)相关的知识,希望对你有一定的参考价值。

需求:多维数组=>一维数组

let ary = [1, [2, [3, [4, 5]]], 6];
let str = JSON.stringify(ary);

第0种处理:直接的调用

arr_flat = arr.flat(Infinity);

第一种处理

ary = str.replace(/([]))/g, ‘‘).split(‘,‘);

第二种处理

str = str.replace(/([]))/g, ‘‘);
str = ‘[‘ + str + ‘]‘;
ary = JSON.parse(str);

第三种处理:递归处理

let result = [];
let fn = function(ary) {
for(let i = 0; i < ary.length; i++) }{
let item = ary[i];
if (Array.isArray(ary[i])){
fn(item);
} else {
result.push(item);
}
}
}

第四种处理:用 reduce 实现数组的 flat 方法

function flatten(ary) {
return ary.reduce((pre, cur) => {
return pre.concat(Array.isArray(cur) ? flatten(cur) : cur);
})
}
let ary = [1, 2, [3, 4], [5, [6, 7]]]
console.log(ary.MyFlat(Infinity))

第五种处理:扩展运算符

while (ary.some(Array.isArray)) {
ary = [].concat(...ary);
}

以上是关于JS数组扁平化(flat)的主要内容,如果未能解决你的问题,请参考以下文章

js之数组操作

js 扁平化输出数组

13个不low的JS数组操作

js数组部分实现

js面试之数组的几个不low操作

Js数组拍平/扁平化的实现总汇