數(shù)組扁平化

數(shù)組扁平化指的是把一個(gè)多維數(shù)組拆分成一個(gè)一維數(shù)組。

遞歸

function flattern(arr){let result = [];for(let i = 0, len = arr.length; i < len; i++){if(Array.isArray(arr[i])){result = result.concat(flattern(arr[i]));} else {result.push(arr[i]);}}return result; }

遞歸的方法比較容易想到，也比較容易，但是對(duì)于JavaScript在瀏覽器中運(yùn)行需要考慮棧溢出的問(wèn)題，數(shù)組的層次不能太多。

reduce

function flattern(arr){return arr.reduce(function (prev, item) {return prev.concat(Array.isArray(item) ? flattern(item) : item);},[]); }

使用reduce比較容易，使用現(xiàn)有API能夠更好的實(shí)現(xiàn)目的。

擴(kuò)展運(yùn)算符

function flattern(arr){while(arr.some(item => {return Array.isArray(item);})){arr = [].concat(...arr);}return arr; }

split()和toString()

function flattern(arr){return arr.toString().split(','); }

5.flat()

function flattern(arr){return arr.flat(Infinity); }

flat是ES6中提出的新的API能夠直接把多維數(shù)組轉(zhuǎn)換成一維數(shù)組，比reduce更加直接。

正則和JSON方法共同處理

function flattern(arr){let str = JSON.stringify(arr);str = str.replace(/(\[|\])/g, '');str = '[' + str + ']';return JSON.parse(str); }

使用JSON的方法將數(shù)組字符串化，然后使用正則把[]替換掉，從而得到一個(gè)一維數(shù)組的字符串形式，再通過(guò)parse方法轉(zhuǎn)換，這種方式可以轉(zhuǎn)換比較深層次的多維數(shù)組。
不過(guò)對(duì)于數(shù)組中的數(shù)據(jù)類型有一些限制，只能支持JSON支持的數(shù)據(jù)類型，如果是函數(shù)，則不會(huì)被正常轉(zhuǎn)換。

總結(jié)

以上是生活随笔為你收集整理的JavaScript数组扁平化的实现的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。