新手前端开发者咨询：Chrome控制台如何展示for循环每一步详情

云原生阿岚

2026-8-8

For循环控制台不显示每一步数值的解决方法

你的问题出在两处：

代码里的console.log("i")是输出字符串"i"，不是循环变量i的实际数值
Chrome控制台会自动折叠连续重复的输出，导致你看不到每一步的具体内容

修正步骤

把循环里的输出语句改成读取变量i，而不是字符串：
替换console.log("i")为console.log(i)，这样就能输出从0到99的每一个数值。
如果想避免控制台折叠，或者让输出更清晰，可以使用模板字符串添加描述：
```
console.log(`第${i+1}次循环，当前值：${i}`);
```

完整修正后的代码

let age = 18;

if (age < 10) {
  console.log("older than 10 years");
} else if (age === 10) {
  console.log("10 years old");
} else if (age > 10 && age < 20) {
  console.log("the age is between 10 and 20");
} else {
  console.log("younger than 10 years");
}

for (let i = 0; i < 100; i++) {
   // 基础版：输出变量i的值
   console.log(i);
   // 进阶版：带描述的输出，避免控制台折叠
   // console.log(`第${i+1}次循环，当前i的值是：${i}`);
}