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

手機站
千鋒教育

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

千鋒教育

掃一掃進入千鋒手機站

領取全套視頻
千鋒教育

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

當前位置:首頁  >  技術干貨  > 實現(xiàn)數(shù)組的扁平化

實現(xiàn)數(shù)組的扁平化

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

(1)遞歸實現(xiàn)

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

實現(xiàn)數(shù)組的扁平化1

(2)reduce 函數(shù)迭代

 

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

實現(xiàn)數(shù)組的扁平化2

(3)擴展運算符實現(xiàn)

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

實現(xiàn)數(shù)組的扁平化3

(4)split 和 toString

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

實現(xiàn)數(shù)組的扁平化4

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

(5)ES6 中的 flat

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

 

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

實現(xiàn)數(shù)組的扁平化5

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

(6)正則和 JSON 方法

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

實現(xiàn)數(shù)組的扁平化6

tags:
聲明:本站稿件版權均屬千鋒教育所有,未經許可不得擅自轉載。
10年以上業(yè)內強師集結,手把手帶你蛻變精英
請您保持通訊暢通,專屬學習老師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
軟件定制開發(fā)中的敏捷開發(fā)是什么?

軟件定制開發(fā)中的敏捷開發(fā)是什么軟件定制開發(fā)中的敏捷開發(fā),從宏觀上看,是一個高度關注人員交互,持續(xù)開發(fā)與交付,接受需求變更并適應環(huán)境變化...詳情>>

2023-10-14 13:24:57
什么是PlatformIo?

PlatformIO是什么PlatformIO是一個全面的物聯(lián)網開發(fā)平臺,它為眾多硬件平臺和開發(fā)環(huán)境提供了統(tǒng)一的工作流程,有效簡化了開發(fā)過程,并能兼容各種...詳情>>

2023-10-14 12:55:06
云快照與自動備份有什么區(qū)別?

1、定義和目標不同云快照的主要目標是提供一種快速恢復數(shù)據(jù)的方法,它只記錄在快照時間點后的數(shù)據(jù)變化,而不是所有的數(shù)據(jù)。自動備份的主要目標...詳情>>

2023-10-14 12:48:59
服務器為什么要用Linux?

服務器為什么要用Linux作為服務器操作系統(tǒng)的優(yōu)選,Linux在眾多選擇中脫穎而出。Linux作為服務器操作系統(tǒng)的優(yōu)選,有其獨特的優(yōu)勢和特點。包括其...詳情>>

2023-10-14 12:34:11
ORM解決的主要問題是什么?

ORM(對象關系映射)解決的主要問題是將關系數(shù)據(jù)庫與面向對象編程之間的映射困境。在傳統(tǒng)的關系數(shù)據(jù)庫中,數(shù)據(jù)以表格的形式存儲,而在面向對象...詳情>>

2023-10-14 12:26:19
久久亚洲中文字幕精品一区四,亚洲日本另类欧美一区二区,久久久久久久这里只有免费费精品,高清国产激情视频在线观看
在线观看免费大黄美女片 | 日韩福利在线看 | 亚洲中文字幕精品有码在线 | 亚洲就去吻婷婷永久网 | 天天视频一区二区三区 | 制服肉丝袜亚洲中文字幕 |