方法一
利用es5的arr.reduce(callback[, initialValue])實現
var arr1 = [[0, 1], [2, 3], [4, 5]]; var arr2 = arr1.reduce(function (a, b) { return a.concat(b)} ); // arr2 [0, 1, 2, 3, 4, 5]方法二
利用es6
var arr1 = [[0, 1], [2, 3], [4, 5]]; function flatten(arr) { return [].concat( ...arr.map(x => Array.isArray(x) ? flatten(x) : x) ) } var arr2 = flatten(arr1); // arr2 [0, 1, 2, 3, 4, 5] 優點: 多維數組也可以 比如：var arr = [[1,2],3,[[[4], 5]]]方法三
利用apply實現
var arr1 = [[0, 1], [2, 3], [4, 5]]; var arr2 = [].concat.apply([], arr1); // arr2 [0, 1, 2, 3, 4, 5]方法四
通過將數組轉變成字符串，利用str.split(',')實現。缺點是數組元素都變字符串了
var arr1 = [[0, 1], [2, 3], [4, 5]]; var arr2 = (arr1 + '').split(','); var arr2 = arr.toString().split(','); var arr2 = arr.join().split(','); // arr2 ["0", "1", "2", "3", "4", "5"]方法五(補充)
利用 ES 的最新語法，Array.prototype.flat()。缺點是，有兼容性問題。優點是非常簡單。
mdn 上是這么描述的：flat() 方法會遞歸到指定深度將所有子數組連接，並返回一個新數組。
語法：var newArray = arr.flat(depth)，參數說明：depth，可選，指定嵌套數組中的結構深度，默認值為1。
舉例：
var arr1 = [1, 2, [3, 4]]; arr1.flat(); // [1, 2, 3, 4] var arr2 = [1, 2, [3, 4, [5, 6]]]; arr2.flat(); // [1, 2, 3, 4, [5, 6]] var arr3 = [1, 2, [3, 4, [5, 6]]]; arr3.flat(2); // [1, 2, 3, 4, 5, 6] //Infinity展開所有嵌套數組 arr3.flat(Infinity); // [1, 2, 3, 4, 5, 6] var arr4 = [1, 2, , 4, 5]; arr4.flat(); // [1, 2, 4, 5]特殊說明：flat()方法會移除數組中的空項。但undefined、null仍會保留。
var arr = [1, 2, undefined , 4, 5, null]; arr.flat(); // [1, 2, undefined , 4, 5, null]
摘抄自：https://www.cnblogs.com/wang-xx/p/11268276.html