javascript數組拍平方法有哪些

這篇文章主要介紹“javascript數組拍平方法有哪些”，在日常操作中，相信很多人在javascript數組拍平方法有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”javascript數組拍平方法有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學習吧！

下面筆者將為大家演示一下，將一個多維數組拍平成一個一維數組的兩種方法。

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

var arr = [1, 2, 3, [3, 3, 3, [5, 4, 5, 6, 6, 7, 8]],
 [333, 4444]
];
function product() {
 // 1、創建一個空數組,
 var newarr = [];
 ///2、并且返回一個函數,函數參數為要拍平的數組
 return function flatten(arr) {
  // 3、循環數組，判斷每一項,不為輸的話將其塞入newarr
  // 若為數組,遞歸調用 faltten,并將結果與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))

執行結果為：

上面這這種方法比較中規中矩，代碼詳解見注釋，下面這種方法運用到了javascript語言的一些新特性，代碼如下：

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的一個新特性擴展云算法 “...”，“[...abc,...fff]”其作用相當于abc.concat(fff),這種用法更加直觀明了，還有就是運用了reduce方法。reduce是javascript語言中數組的一個方法。

數組調用recduce方法時，可以傳遞兩個參數，第一個參數為回調函數，第二個參數為一個初始值。回調函數中需要傳遞兩個參數，第一個參數為每次執行函數的返回值，第二個參數為當前索引對應數組的值。reduce的第二個參數是可以省略的，省略的話，回調函數第一次調用的參數為數組的第一項和第二項的值，如果沒有省略，回調函數的第一個參數就是這個初始值。上面的例子，reduce的第二個參數設置了一個空數組。

到此，關于“javascript數組拍平方法有哪些”的學習就結束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習，快去試試吧！若想繼續學習更多相關知識，請繼續關注億速云網站，小編會繼續努力為大家帶來更多實用的文章！