(1)遞歸實(shí)現(xiàn)
普通的遞歸思路很容易理解,就是通過(guò)循環(huán)遞歸的方式,一項(xiàng)一項(xiàng)地去遍歷,如果每一項(xiàng)還是一個(gè)數(shù)組,那么就繼續(xù)往下遍歷,利用遞歸程序的方法,來(lái)實(shí)現(xiàn)數(shù)組的每一項(xiàng)的連接:
(2)reduce 函數(shù)迭代
從上面普通的遞歸函數(shù)中可以看出,其實(shí)就是對(duì)數(shù)組的每一項(xiàng)進(jìn)行處理,那么其實(shí)也可以用reduce 來(lái)實(shí)現(xiàn)數(shù)組的拼接,從而簡(jiǎn)化第一種方法的代碼,改造后的代碼如下所示:
(3)擴(kuò)展運(yùn)算符實(shí)現(xiàn)
這個(gè)方法的實(shí)現(xiàn),采用了擴(kuò)展運(yùn)算符和 some 的方法,兩者共同使用,達(dá)到數(shù)組扁平化的目的:
(4)split 和 toString
可以通過(guò) split 和 toString 兩個(gè)方法來(lái)共同實(shí)現(xiàn)數(shù)組扁平化,由于數(shù)組會(huì)默認(rèn)帶一個(gè) toString 的方法,所以可以把數(shù)組直接轉(zhuǎn)換成逗號(hào)分隔的字符串,然后再用 split 方法把字符串重新轉(zhuǎn)換為數(shù)組,如下面的代碼所示:
通過(guò)這兩個(gè)方法可以將多維數(shù)組直接轉(zhuǎn)換成逗號(hào)連接的字符串,然后再重新分隔成數(shù)組。
(5)ES6 中的 flat
我們還可以直接調(diào)用 ES6 中的 flat 方法來(lái)實(shí)現(xiàn)數(shù)組扁平化。flat 方法的語(yǔ)法:arr.flat([depth])
其中 depth 是 flat 的參數(shù),depth 是可以傳遞數(shù)組的展開(kāi)深度(默認(rèn)不填、數(shù)值是 1),即展開(kāi)一層數(shù)組。如果層數(shù)不確定,參數(shù)可以傳進(jìn) Infinity,代表不論多少層都要展開(kāi):
可以看出,一個(gè)嵌套了兩層的數(shù)組,通過(guò)將 flat 方法的參數(shù)設(shè)置為 Infinity,達(dá)到了我們預(yù)期的效果。其實(shí)同樣也可以設(shè)置成 2,也能實(shí)現(xiàn)這樣的效果。在編程過(guò)程中,如果數(shù)組的嵌套層數(shù)不確定,最好直接使用 Infinity,可以達(dá)到扁平化。
(6)正則和 JSON 方法
在第4種方法中已經(jīng)使用 toString 方法,其中仍然采用了將 JSON.stringify 的方法先轉(zhuǎn)換為字符串,然后通過(guò)正則表達(dá)式過(guò)濾掉字符串中的數(shù)組的方括號(hào),最后再利用 JSON.parse 把它轉(zhuǎn)換成數(shù)組: