JavaScript for 循环

循环让同一段代码重复执行。for 循环适合"事先知道要循环多少次"的场景，例如遍历数组、累加求和、生成序列，是开发中使用频率最高的循环。

for 基本语法

for 圆括号内用分号隔开三部分：初始化、条件、步进：

for (let i = 1; i <= 3; i++) {
  console.log(i); // 输出：1 2 3（每行一个）
}

执行顺序是：先 let i = 1，再判断 i <= 3，成立则执行循环体，然后执行 i++，接着再次判断，直到条件不成立为止。

遍历数组

利用数组的 length 属性控制循环次数，下标从 0 开始：

let fruits = ["苹果", "香蕉", "橙子"];
for (let i = 0; i < fruits.length; i++) {
  console.log(fruits[i]);
}
// 输出：苹果
//       香蕉
//       橙子

累加求和

循环最常见的用途之一是把一组数加起来：

let sum = 0;
for (let i = 1; i <= 100; i++) {
  sum += i; // 把 1 到 100 依次累加
}
console.log(sum); // 输出：5050

反向循环与步长

可以倒着数，也可以每次多走几步：

for (let i = 5; i > 0; i--) {
  console.log(i); // 输出：5 4 3 2 1（每行一个）
}
for (let i = 0; i <= 10; i += 2) {
  console.log(i); // 输出：0 2 4 6 8 10（每行一个）
}

for...of 直接取元素

ES6 提供的 for...of 不需要下标，直接拿到每个元素，最简洁：

for (let fruit of ["苹果", "香蕉"]) {
  console.log(fruit); // 输出：苹果 香蕉（每行一个）
}

小结

for 的三要素是初始化、条件、步进。遍历数组常用"i 从 0 到 length-1"，只关心元素本身时用 for...of。注意条件不能恒为 true，否则会陷入死循环。