javascript中怎么實(shí)現(xiàn)數(shù)組拍平，很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

在富順等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專(zhuān)注、極致的服務(wù)理念，為客戶(hù)提供成都做網(wǎng)站、成都網(wǎng)站制作 網(wǎng)站設(shè)計(jì)制作定制網(wǎng)站建設(shè),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),品牌網(wǎng)站制作,營(yíng)銷(xiāo)型網(wǎng)站建設(shè),外貿(mào)網(wǎng)站建設(shè),富順網(wǎng)站建設(shè)費(fèi)用合理。

首先是第一種方法，遞歸處理，代碼如下：

var arr = [1, 2, 3, [3, 3, 3, [5, 4, 5, 6, 6, 7, 8]],
   [333, 4444]
];
function product() {
   // 1、創(chuàng)建一個(gè)空數(shù)組,
   var newarr = [];
   ///2、并且返回一個(gè)函數(shù),函數(shù)參數(shù)為要拍平的數(shù)組
   return function flatten(arr) {
       // 3、循環(huán)數(shù)組，判斷每一項(xiàng),不為輸?shù)脑?huà)將其塞入newarr
       // 若為數(shù)組,遞歸調(diào)用 faltten,并將結(jié)果與newarr合并
       for (var t of arr) {
           if (!Array.isArray(t)) {
               newarr.push(t);
           } else {
               newarr.concat(flatten(t))
           }
       }
       return newarr
   }
}

var flatten = product();
console.log(flatten(arr))

執(zhí)行結(jié)果為：

上面這這種方法比較中規(guī)中矩，代碼詳解見(jiàn)注釋?zhuān)旅孢@種方法運(yùn)用到了javascript語(yǔ)言的一些新特性，代碼如下：

var arr = [1, 2, 3, [3, 3, 3, [5, 4, 5, 6, 6, 7, 8]],
   [333, 4444]
];
function flatten(arr){
 return  arr.reduce(function(pre,cur){
       if(!Array.isArray(cur)){
           return [...pre,cur];
       }else{
           return [...pre,...flatten(cur)]
       }
   },[])
}

console.log(flatten(arr))

上面代碼中用了ES6的一個(gè)新特性擴(kuò)展云算法 “...”，“[...abc,...fff]”其作用相當(dāng)于abc.concat(fff),這種用法更加直觀(guān)明了，還有就是運(yùn)用了reduce方法。reduce是javascript語(yǔ)言中數(shù)組的一個(gè)方法。

數(shù)組調(diào)用recduce方法時(shí)，可以傳遞兩個(gè)參數(shù)，第一個(gè)參數(shù)為回調(diào)函數(shù)，第二個(gè)參數(shù)為一個(gè)初始值?；卣{(diào)函數(shù)中需要傳遞兩個(gè)參數(shù)，第一個(gè)參數(shù)為每次執(zhí)行函數(shù)的返回值，第二個(gè)參數(shù)為當(dāng)前索引對(duì)應(yīng)數(shù)組的值。reduce的第二個(gè)參數(shù)是可以省略的，省略的話(huà)，回調(diào)函數(shù)第一次調(diào)用的參數(shù)為數(shù)組的第一項(xiàng)和第二項(xiàng)的值，如果沒(méi)有省略，回調(diào)函數(shù)的第一個(gè)參數(shù)就是這個(gè)初始值。上面的例子，reduce的第二個(gè)參數(shù)設(shè)置了一個(gè)空數(shù)組。

看完上述內(nèi)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)的支持。