JavaScript(ES6)中合并数组以生成数组的数组

看起来你需要的核心是根据一个参照数组的长度，生成一个新数组，其中每个元素都是指定模板数组的独立副本——不管参照数组里的元素是什么，只需要它的长度来决定结果数组的长度。这里有几种简洁且可扩展的实现方式：

方法1：使用Array.from()（最推荐） #

Array.from()可以直接基于长度创建数组，同时通过映射函数生成每个元素，非常适合这种场景：

const templateArr = [0, 1, 2];
const refArr = [2, 2, 2, 2]; // 参照数组，我们只需要它的长度

// 生成结果数组：每个元素都是templateArr的独立副本
const targetArr = Array.from({ length: refArr.length }, () => [...templateArr]);

console.log(targetArr);
// 输出：[[0,1,2],[0,1,2],[0,1,2],[0,1,2]]

• 解释：{ length: refArr.length }是一个类数组对象，告诉Array.from要创建多长的数组；
• () => [...templateArr]是映射函数，每次返回一个templateArr的浅拷贝（用展开运算符...），确保结果数组里的每个子数组都是独立的，后续修改其中一个不会影响其他。

方法2：使用Array.map()（更直观） #

因为我们只需要参照数组的长度，直接对参照数组调用map，忽略原元素，返回模板数组的副本即可：

const templateArr = [0, 1, 2];
const refArr = [2, 2, 2, 2];

const targetArr = refArr.map(() => [...templateArr]);

这种写法更直白，一眼就能看出是基于参照数组的每个位置生成模板数组的副本。

方法3：基于你原来的forEach思路改造 #

如果你习惯用forEach，可以直接初始化一个空数组，然后遍历参照数组的每个元素时，把模板数组的副本push进去：

const templateArr = [0, 1, 2];
const refArr = [2, 2, 2, 2];
const targetArr = [];

refArr.forEach(() => {
  targetArr.push([...templateArr]);
});

这个逻辑和你最初的思路一致，但简化了操作——不需要拼接，直接添加副本即可。

注意事项 #

如果你的模板数组是嵌套数组或包含引用类型元素（比如对象），浅拷贝[...templateArr]可能不够，需要用深拷贝（比如JSON.parse(JSON.stringify(templateArr))，或者第三方库如Lodash的_.cloneDeep）来确保所有层级的元素都是独立的。

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