似乎正确答案在不同的JS引擎中有所不同。以下是我从ninjagecko的答案中链接的测试套件中得到的结果:

[] .concat。apply在Windows和Android的Chrome 83中最快，其次是reduce(慢56%); 循环concat在Mac的Safari 13中是最快的，其次是reduce(大约慢13%); reduce在iOS上的Safari 12中是最快的，其次是循环concat(慢40%); elementwise push在Windows上的Firefox 70中最快，其次是[].concat。应用(速度慢30%)。

新回答

对于多个数组和ES6的数组，使用

arr.flat();

例如:

const arr = [[1, 2, 3], [4, 5, 6], [7, 8 ,9]];
const newArr = arr.flat();
// output: [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

这将适用于节点> 11和现代浏览器。

旧的答案

(把它留在这里，以防旧版本的节点需要它):

对于多个数组和ES6的数组，使用

Array.prototype.concat(...arr);

例如:

const arr = [[1, 2, 3], [4, 5, 6], [7, 8 ,9]];
const newArr = Array.prototype.concat(...arr);
// output: [ 1, 2, 3, 4, 5, 6, 7, 8, 9 ]

这样解决。

let arr = [[1, 2], [3, 4], [5, 6]];
 console.log([].concat(...arr));

如果你有一个数组的数组，想要连接到一个数组的元素，尝试以下代码(要求ES2015):

let arrOfArr = [[1,2,3,4],[5,6,7,8]];
let newArr = [];
for (let arr of arrOfArr) {
    newArr.push(...arr);
}

console.log(newArr);
//Output: [1,2,3,4,5,6,7,8];

或者如果你喜欢函数式编程

let arrOfArr = [[1,2,3,4],[5,6,7,8]];
let newArr = arrOfArr.reduce((result,current)=>{
    result.push(...current);
    return result;
});

console.log(newArr);
//Output: [1,2,3,4,5,6,7,8];

或者使用ES5语法更好，没有展开操作符

var arrOfArr = [[1,2,3,4],[5,6,7,8]];
var newArr = arrOfArr.reduce((result,current)=>{
    return result.concat(current);
});
console.log(newArr);
//Output: [1,2,3,4,5,6,7,8];

如果你不知道不，这种方法很方便。数组的。

concat()方法用于连接两个或多个数组。它不会更改现有数组，只返回已连接数组的副本。

array1 = array1.concat(array2, array3, array4, ..., arrayN);

如果N个数组是从数据库中获得的，并且没有硬编码，i将使用ES6这样做

let get_fruits = [...get_fruits , ...DBContent.fruit];