如何从多个数组创建包含所有对象的对象数组？针对指定嵌套数组结构，性能最优的目标数组生成方案

嘿，这个问题问到点子上了！尤其是考虑性能的话，咱们得结合场景来选最优方案，先从你给出的具体例子说起，再扩展到通用情况：

一、针对你给出的班级学生场景 #

你的输入是包含students子数组的对象数组，目标是把所有学生对象合并成一个一维数组。从性能和可读性的平衡来看，有这几个核心方案：

1. 性能天花板：手动嵌套循环 #

如果你的数据量非常大（比如上万条以上），手动嵌套循环的性能是顶级的——它完全避免了数组方法带来的函数调用开销和中间数组创建，直接操作底层元素：

const classes = [ { students: [Student1, Student2] }, { students: [Student3, Student4] } ];
const allStudents = [];

let classIndex = 0;
while (classIndex < classes.length) {
  const currentStudents = classes[classIndex].students;
  let studentIndex = 0;
  while (studentIndex < currentStudents.length) {
    allStudents.push(currentStudents[studentIndex]);
    studentIndex++;
  }
  classIndex++;
}

如果觉得while循环太啰嗦，也可以用for...of配合展开push，性能略逊但可读性更好：

const allStudents = [];
for (const cls of classes) {
  allStudents.push(...cls.students);
}

2. 可读性最优（性能接近手动循环）：flatMap() #

如果数据量不是极端大，flatMap()是代码最简洁且性能优秀的选择——现代JS引擎对它的优化已经非常到位，几乎追平手动循环：

const allStudents = classes.flatMap(cls => cls.students);

它会先对每个班级对象执行map（取出对应的students数组），然后自动将结果扁平为一维数组，一步到位，代码清晰到一眼就能看懂。

3. 传统备选：map() + flat() #

这个方案逻辑直观，但会多创建一个中间二维数组（map阶段生成的数组），性能略逊于flatMap()，但也是不错的选择：

const allStudents = classes.map(cls => cls.students).flat();

二、通用场景：从多个独立数组合并对象数组 #

如果你的需求是把多个独立的对象数组（比如studentGroup1、studentGroup2）合并成一个，同样分两种情况：

• 小数据量：用展开运算符，代码简洁到极致：

const combined = [...studentGroup1, ...studentGroup2, ...studentGroup3];

• 大数据量：手动push或者用concat（注意concat会创建新数组，性能略差于手动push）：

const combined = [];
combined.push(...studentGroup1);
combined.push(...studentGroup2);

最后说句实在的 #

• 数据量小的时候，别纠结性能——选可读性最高的写法就行，性能差异微乎其微。
• 数据量极大的时候，再考虑手动循环这种性能天花板方案，毕竟代码可读性和维护性也很重要。

内容的提问来源于stack exchange，提问作者Charles Braga