JS數(shù)組扁平化(flat)方法總結(jié)詳解
更新時間：2019年06月24日 10:19:25 作者：神三元
這篇文章主要介紹了JS數(shù)組扁平化(flat)方法總結(jié)詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，,需要的朋友可以參考下
需求:多維數(shù)組=>一維數(shù)組
let ary = [1, [2, [3, [4, 5]]], 6]; let str = JSON.stringify(ary);
第0種處理:直接的調(diào)用
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 實現(xiàn)數(shù)組的 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);
}
這是一個比較實用而且很容易被問到的問題，歡迎大家交流補充。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了JavaScript Date對象功能與用法,結(jié)合實例形式總結(jié)分析了JavaScript Date對象基本功能、用法及操作注意事項,需要的朋友可以參考下2020-04-04
今天小編就為大家分享一篇關(guān)于Javascript實現(xiàn)一朵從含苞到綻放的玫瑰，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-03-03
?JavaScript+HarmonyOS?實現(xiàn)一個手繪板
這篇文章主要介紹了?JavaScript+HarmonyOS?實現(xiàn)一個手繪板，利用openHarmony內(nèi)置的API?cnavas組件實現(xiàn)，具體詳細內(nèi)容需要的小伙伴可以參考一下2022-07-07
很早之前就想分享這篇心得，幸之今天能在這里完成，好了，話不多說，進入正題。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
本文主要介紹了JavaScript中清空數(shù)組的幾種方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2023-02-02
這篇文章主要介紹了微信小程序單列下拉菜單，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-04-04
這篇文章主要介紹了JS簡單生成兩個數(shù)字之間隨機數(shù)的方法,涉及javascript數(shù)值運算的相關(guān)技巧,需要的朋友可以參考下2016-08-08
這篇文章主要為大家詳細介紹了基于js實現(xiàn)二級下拉聯(lián)動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
微信小程序?qū)崿F(xiàn)虎年春節(jié)頭像制作
春節(jié)來臨之際，看到有網(wǎng)友分享了網(wǎng)頁版的虎年頭像制作工具。本文將為大家介紹一個虎年春節(jié)頭像制作小程序，文中的示例代碼講解詳細，需要的可以參考一下2022-02-02
一般在JS頁面延遲執(zhí)行一些方法，本文整理了一些，大家可以嘗試操作下2013-11-11