如何通过循环语句生成指定结构的连续对象数据数组？

嘿，我来帮你搞定这个问题！你想要生成一组结构一致的连续对象数组，之前的写法确实存在几个小问题导致无法正常运行，我给你梳理清楚并提供几种可行的实现方式~

先说说你原代码的问题 #

• 你把一个箭头函数直接放进数组里，这不会自动执行函数生成对象，最终数组里只会存这个函数本身，而非你想要的对象集合。
• 循环条件 i >= 8 逻辑错误：初始值 i=0，0永远不满足>=8的条件，循环根本不会执行。
• 就算循环条件正确，循环内部用return会直接跳出函数，只能返回第一个生成的对象，没法生成多个对象存入数组。

正确的实现方法 #

方法1：普通for循环（直观易懂）

先创建一个空数组，然后在循环里逐个生成对象并推入数组：

const targetArray = [];
// 循环范围从2到8，包含8
for (let i = 2; i <= 8; i++) {
  targetArray.push({
    text: String(i), // 转成字符串匹配你期望的结果
    align: 'center',
    value: String(i),
    sort: false
  });
}

方法2：Array.from（简洁高效）

利用Array.from的第二个参数（映射函数），一步生成目标数组：

const targetArray = Array.from({ length: 7 }, (_, index) => {
  const num = index + 2; // 从2开始，一共7个元素（2-8）
  return {
    text: String(num),
    align: 'center',
    value: String(num),
    sort: false
  };
});

方法3：Array.fill + map（另一种简洁写法）

先创建指定长度的数组，再通过map转换为目标对象：

const targetArray = new Array(7).fill(null).map((_, index) => {
  const num = index + 2;
  return {
    text: String(num),
    align: 'center',
    value: String(num),
    sort: false
  };
});

以上三种方法都能生成你期望的数组：

[
  { text: '2', align: 'center', value: '2', sort: false },
  { text: '3', align: 'center', value: '3', sort: false },
  { text: '4', align: 'center', value: '4', sort: false },
  { text: '5', align: 'center', value: '5', sort: false },
  { text: '6', align: 'center', value: '6', sort: false },
  { text: '7', align: 'center', value: '7', sort: false },
  { text: '8', align: 'center', value: '8', sort: false }
]

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