日韩欧乱色一区二区三区在线_久久―日本道色综合久久_欧美日本一区二区_网曝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
主站蜘蛛池模板: 陇西县| 建平县| 肃宁县| 昌江| 密山市| 佛教| 合阳县| 江都市| 山阳县| 天台县| 白银市| 垦利县| 柘荣县| 务川| 板桥市| 四平市| 屏东市| 乌拉特前旗| 资兴市| 丹巴县| 沁阳市| 齐河县| 樟树市| 札达县| 清原| 东海县| 南投县| 丰县| 沐川县| 新疆| 苏尼特左旗| 通河县| 温州市| 嘉禾县| 阜新市| 昭通市| 木里| 田阳县| 泉州市| 宜都市| 巴林右旗|