問題：[[1, 1], [2, 3], [4, 5]] -> [1, 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]

方法二

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

總結

以上是生活随笔為你收集整理的数组concat_js 标准二维数组变一维数组的方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。