JavaScript中如何根据第二个数组子项长度重复第一个数组对应元素

实现方案 #

方案1（ES2019+ 简洁写法）

使用flatMap方法一步完成转换，代码最简洁易读：

const arr1 = ['a','b','c'];
const arr2 = [[0,0],[0,0,0,0],[0,0,0]];

const result = arr1.flatMap((item, index) => 
  // 按对应索引子数组的长度，生成重复当前元素的数组
  Array(arr2[index].length).fill(item)
);

console.log(result); // 输出：['a','a','b','b','b','b','c','c','c']

逻辑说明：flatMap会遍历arr1的每个元素，执行回调后将返回的子数组自动扁平化拼接为最终数组，不需要额外手动合并。

方案2（兼容低版本ES环境）

如果运行环境不支持flatMap，可以用map配合展开运算符加concat实现：

const result = [].concat(...arr1.map((item, index) => 
  Array(arr2[index].length).fill(item)
));

运行效果和方案1完全一致。

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