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