6种方式实现JavaScript数组扁平化(flat)方法的总结
web前端开发
共 990字,需浏览 2分钟
·
2021-07-05 02:17
let arr = [1, [2, [3, [4, 5]]], 6];
let str = jsON.stringify(ary);
解决方案:
面对这个需求,我们有6种处理方式,希望这些方式方法可以给你一些启发。
第1种处理:直接的调用
arr.flat(Infinity);
注意:flat和flatMap方法为ES2019(ES10)方法,目前还未在所有浏览器完全兼容。
第2种处理
str.replace(/(\[\]))/g, '').split(',');
第3种处理
str = str.replace(/(\[\]))/g, '');
str = '[' + str + ']';
var ary = jsON.parse(str);
第4种处理:递归处理
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);
}
}
}
第5种处理:用 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))
第6种处理:扩展运算符
while (ary.some(Array.isArray)) {
ary = [].concat(...ary);
}
总结
这6种方式,你学会了吗?
学习更多技能
请点击下方公众号
评论