国产一区二区精品-国产一区二区精品久-国产一区二区精品久久-国产一区二区精品久久91-免费毛片播放-免费毛片基地

千鋒教育-做有情懷、有良心、有品質的職業教育機構

手機站
千鋒教育

千鋒學習站 | 隨時隨地免費學

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

關注千鋒學習站小程序
隨時隨地免費學習課程

當前位置:首頁  >  技術干貨  > 實現數組的扁平化

實現數組的扁平化

來源:千鋒教育
發布人:wjy
時間: 2022-09-08 16:30:46 1662625846

(1)遞歸實現

普通的遞歸思路很容易理解,就是通過循環遞歸的方式,一項一項地去遍歷,如果每一項還是一個數組,那么就繼續往下遍歷,利用遞歸程序的方法,來實現數組的每一項的連接:

實現數組的扁平化1

(2)reduce 函數迭代

 

從上面普通的遞歸函數中可以看出,其實就是對數組的每一項進行處理,那么其實也可以用reduce 來實現數組的拼接,從而簡化第一種方法的代碼,改造后的代碼如下所示:

實現數組的扁平化2

(3)擴展運算符實現

這個方法的實現,采用了擴展運算符和 some 的方法,兩者共同使用,達到數組扁平化的目的:

實現數組的扁平化3

(4)split 和 toString

可以通過 split 和 toString 兩個方法來共同實現數組扁平化,由于數組會默認帶一個 toString 的方法,所以可以把數組直接轉換成逗號分隔的字符串,然后再用 split 方法把字符串重新轉換為數組,如下面的代碼所示:

實現數組的扁平化4

通過這兩個方法可以將多維數組直接轉換成逗號連接的字符串,然后再重新分隔成數組。

(5)ES6 中的 flat

我們還可以直接調用 ES6 中的 flat 方法來實現數組扁平化。flat 方法的語法:arr.flat([depth])

 

其中 depth 是 flat 的參數,depth 是可以傳遞數組的展開深度(默認不填、數值是 1),即展開一層數組。如果層數不確定,參數可以傳進 Infinity,代表不論多少層都要展開:

實現數組的扁平化5

可以看出,一個嵌套了兩層的數組,通過將 flat 方法的參數設置為 Infinity,達到了我們預期的效果。其實同樣也可以設置成 2,也能實現這樣的效果。在編程過程中,如果數組的嵌套層數不確定,最好直接使用 Infinity,可以達到扁平化。

(6)正則和 JSON 方法

在第4種方法中已經使用 toString 方法,其中仍然采用了將 JSON.stringify 的方法先轉換為字符串,然后通過正則表達式過濾掉字符串中的數組的方括號,最后再利用 JSON.parse 把它轉換成數組:

實現數組的扁平化6

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師24小時內將與您1V1溝通
免費領取
今日已有369人領取成功
劉同學 138****2860 剛剛成功領取
王同學 131****2015 剛剛成功領取
張同學 133****4652 剛剛成功領取
李同學 135****8607 剛剛成功領取
楊同學 132****5667 剛剛成功領取
岳同學 134****6652 剛剛成功領取
梁同學 157****2950 剛剛成功領取
劉同學 189****1015 剛剛成功領取
張同學 155****4678 剛剛成功領取
鄒同學 139****2907 剛剛成功領取
董同學 138****2867 剛剛成功領取
周同學 136****3602 剛剛成功領取
相關推薦HOT