JavaScript中如何基于数值动态生成含重复对象的新数组？

Hey Maria，作为JS新手遇到这种问题太正常啦，别着急！我们可以用JS的数组方法组合或者基础循环来轻松实现你的需求，我给你两种方案，你可以根据自己的熟悉程度选择～

方案一：用ES6数组方法快速实现（简洁高效） #

先直接上完整代码，再给你拆解每一步的逻辑：

const originalArray = [ {category:'A', num:5}, {category:'B', num:2} ];

const resultArray = originalArray.flatMap(item => {
  // 根据当前对象的num值，生成对应长度的重复对象数组
  return Array.from({ length: item.num }, (_, index) => ({
    ...item, // 复制原对象的所有属性（避免修改原对象）
    repeated: index + 1 // 标记重复次数，从1开始计数
  }));
});

console.log(resultArray);

关键逻辑解释 #

• flatMap：这个方法先对每个元素执行map操作，再自动把嵌套的结果数组“拍平”成一维数组，完美适配我们把单个对象展开成多个重复对象的场景，不用额外处理数组嵌套问题。
• Array.from({ length: item.num })：根据原对象的num值生成一个对应长度的空数组，比如num=5就生成长度为5的数组。
• (_, index) => ({...item, repeated: index + 1})：这是Array.from的映射函数，index是数组的索引（从0开始），所以index+1就是我们需要的重复次数；...item是对象展开语法，用来复制原对象的所有属性，保证每次都是新对象，不会影响原数组。

方案二：用基础循环实现（更直观，适合新手理解） #

如果你还不太熟悉ES6的语法，用forEach配合普通for循环也能搞定，逻辑更直白：

const originalArray = [ {category:'A', num:5}, {category:'B', num:2} ];
const resultArray = [];

originalArray.forEach(item => {
  // 循环num次，每次往结果数组里添加一个新对象
  for(let i = 1; i <= item.num; i++){
    resultArray.push({
      ...item,
      repeated: i
    });
  }
});

console.log(resultArray);

你之前尝试map、forEach没成功，大概率是用map时没处理数组扁平化（map会返回嵌套数组），或者不小心直接修改了原对象而不是创建新对象～ 试试上面的方法应该就能解决问题啦！

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