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的第二個參數設置了一個空數組。

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業資訊頻道，感謝您對億速云的支持。