在JavaScript中连接N个对象数组的最有效的方法是什么?
数组是可变的，结果可以存储在一个输入数组中。
当前回答
新回答
对于多个数组和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 ]
其他回答
concat()方法用于连接两个或多个数组。它不会更改现有数组，只返回已连接数组的副本。
array1 = array1.concat(array2, array3, array4, ..., arrayN);
轻松使用concat函数:
var a = [1,2,3];
var b = [2,3,4];
a = a.concat(b);
>> [1,2,3,2,3,4]
你可以看看这个博客，在这里push()和concat()的性能进行了比较。此外，定制函数在特定场景下表现更好。
https://dev.to/uilicious/javascript-array-push-is-945x-faster-than-array-concat-1oki
似乎正确答案在不同的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 ]
