如何在JavaScript中通过for循环创建指定结构的数组

你遇到的问题主要出在变量作用域和没有将循环生成的对象收集到数组这两点上，我来帮你拆解并修复：

先看你原有代码的问题： #

1. 用var声明的变量是函数级作用域，循环结束后i的值会停在3，b、c、d最后只会保留循环最后一次的结果（也就是2、3、4）
2. 你只在循环结束后创建了一个对象，没有把每次循环生成的对象添加到数组里，自然得不到多个对象组成的数组
3. alert(dataResult)只会把对象转换成[object Object]字符串，没法看到真实结构，建议用console.log()查看

修复后的实现方式 #

方式一：用for循环（最直观）

先初始化一个空数组，每次循环创建新对象并推入数组：

const dataResult = [];
// 用let声明i，确保每次循环的i都是独立的块级作用域变量
for (let i = 0; i < 3; i++) {
  const currentObj = {
    b: i,
    c: i + 1,
    d: i + 2
  };
  dataResult.push(currentObj);
}
console.log(dataResult);
// 输出：[{b:0,c:1,d:2}, {b:1,c:2,d:3}, {b:2,c:3,d:4}]

方式二：用Array.from（更简洁）

利用Array.from直接生成指定长度的数组，同时映射出每个对象：

const dataResult = Array.from({ length: 3 }, (_, index) => ({
  b: index,
  c: index + 1,
  d: index + 2
}));
console.log(dataResult);

这里第二个参数是映射函数，index就是当前元素的索引，直接用它来计算b、c、d的值即可。

这样就能得到你想要的数组结构啦～

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