ES6采用扩展到Concat的多个阵列

Question

我们都知道，你可以做..

let arr1 = [1,2,3]; 
let arr2 = [3,4,5]; 
let arr3 = [...arr1, ...arr2]; // [1,2,3,3,4,5] 

但是，你怎么做这个充满活力的以Concat的ñ阵列？ Thx

Answer 1

一种选择是使用reduce：

let arrs = [[1, 2], [3, 4], [5, 6]]; 
arrs.reduce((a, b) => [...a, ...b], []); 

当然，这是一个缓慢的溶液（二次时间）。或者，如果您可以使用Lodash，则_.flatten完全符合您的要求，并且可以更有效地执行（线性时间）。

编辑

或者，改编自下面Xotic750的评论，

[].concat(...arrs); 

这应该是有效的（线性时间）。

Answer 2

单独使用扩展语法无法做到这一点，因为扩展语法要求您知道预先连接了多少个数组。但是，您可以编写以下功能：

function concatN(...arguments) { 
    let accumulator = []; 
    for(let arg = 0; arg < arguments.length; arg = arg + 1) { 
     accumulator = [...accumulator, ...arguments[arg]]; 
    } 
    return accumulator; 
} 

它可能不会是非常有效的，但（传播语法的重复使用是O（N²））。使用Array.prototype.concat会更好。你可以这样做：

[].concat(all, of, your, arrays); 

Answer 3

另一种选择可能是：

const nArrays = [ 
 
    [1, 2, 3, 4, 5], 
 
    [6, 7, 8, 9], 
 
    [10, 11] 
 
]; 
 
const flattened = [].concat(...nArrays); 
 
console.log(flattened)

Answer 4

您可以使用for..of环内传播元素来连接数组值到一个数组

let arr1 = [1,2,3]; 
 
let arr2 = [3,4,5]; 
 
let arr3 = []; 
 

 
for (let arr of [arr1, arr2 /* , arrN */]) arr3.push(...arr); 
 

 
console.log(arr3);

Answer 5

你可以使用一个递归函数和Array.prototype.concat

const concatN = (x,...xs) => 
 
    x === undefined ? [] : x.concat(concatN(...xs)) 
 

 
console.log(concatN([1,2,3], [4,5,6], [7,8,9])) 
 
// [1,2,3,4,5,6,7,8,9]

你可以使用reduce和Array.prototype.concat同样的事情。这是类似到接受的答案，但在这种情况下

const concatN = (...xs) => 
 
    xs.reduce((x,y) => x.concat(y), []) 
 

 
console.log(concatN([1,2,3], [4,5,6], [7,8,9])) 
 
// [1,2,3,4,5,6,7,8,9]

Answer 6

let fruits = ["apples", "bananas", "pears"]; 
 
let vegetables = ["corn", "potatoes", "carrots"]; 
 

 
let produce = [...fruits, ...vegetables]; 
 

 

 
console.log(produce);

不无谓使用传播语法，其中 x.concat(y)是完全可以接受的（可能快堆）