JS：二維數組變成一維數組

利用 ES 的最新語法，Array.prototype.flat()。缺點是，有兼容性問題。優點是非常簡單。

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]

利用apply實現

var arr1 = [[0, 1], [2, 3], [4, 5]];
var arr2 = [].concat.apply([], arr1);
// 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]]]

利用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]

通過將數組轉變成字符串，利用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"]