JavaScript 语句之常用 for 循环详解

for 循环是 JavaScript 中最基本的循环结构之一，它可以让我们重复执行一个代码块多次，非常的灵活、简单易懂。在本文中，我们将详细讲解 for 循环的语法、用法以及示例说明。

for 循环的语法

for 循环的语法如下：

for (初始化表达式; 条件表达式; 循环后操作表达式) {
  // 循环代码块
}

其中，初始化表达式、条件表达式、循环后操作表达式都是可选的，但是分号必须出现。

for 循环的用法

下面我们分别对 for 循环的各个部分进行详细的说明：

初始化表达式

初始化表达式在循环开始前只会执行一次。这里我们可以对循环变量进行赋值或者进行一些其他的操作。例如：

for (var i = 0; i < 10; i++) {
  // 循环代码块
}

在上面的代码中，初始化表达式是 var i = 0，表示循环变量 i 被赋值为 0。

条件表达式

条件表达式在每次循环迭代之前都会进行判断。如果条件表达式的结果为 true，则继续执行循环；如果条件表达式的结果为 false，则停止执行循环。例如：

for (var i = 0; i < 10; i++) {
  // 循环代码块
}

在上面的代码中，条件表达式是 i < 10，表示只有当变量 i 的值小于 10 时才执行循环代码块。

循环后操作表达式

循环后操作表达式在每次循环迭代之后执行，通常用来改变循环变量的值，例如：

for (var i = 0; i < 10; i++) {
  // 循环代码块
}

在上面的代码中，循环后操作表达式是 i++，表示在每次循环结束之后，变量 i 的值都会自增 1。

循环代码块

循环代码块是 for 循环中最重要的部分，它包含在 {} 中，会被反复执行，直到条件表达式的结果为 false。可以在循环代码块中使用循环变量 i，进行一些循环操作。例如：

for (var i = 0; i < 10; i++) {
  console.log(i);
}

在上面的代码中，循环代码块是 console.log(i)，表示在每次循环时，将变量 i 的值输出到控制台中。

for 循环的示例说明

下面我们通过两个示例来说明 for 循环的用法：

示例一： 从大到小输出 10 到 1 的数字

for (var i = 10; i > 0; i--) {
  console.log(i);
}

在上面的代码中，我们将初始化表达式设置为 var i = 10，变量 i 的初始值为 10；将条件表达式设置为 i > 0，表示只有当变量 i 的值大于 0 时才执行循环代码块；将循环后操作表达式设置为 i--，表示在每次循环结束之后，变量 i 的值都会自减 1；在循环代码块中，我们使用了循环变量 i，并通过 console.log(i) 将变量 i 的值输出到控制台中。

示例二：求 1 到 100 的所有偶数的和

var sum = 0;
for (var i = 1; i <= 100; i++) {
  if (i % 2 == 0) {
    sum += i;
  }
}
console.log(sum);

在上面的代码中，我们首先定义了一个变量 sum，并将其初始值赋为 0；将初始化表达式设置为 var i = 1，变量 i 的初始值为 1；将条件表达式设置为 i <= 100，表示只有当变量 i 的值小于等于 100 时才执行循环代码块；将循环后操作表达式设置为 i++，表示在每次循环结束之后，变量 i 的值都会自增 1；在循环代码块中，我们使用了 if 语句判断变量 i 是否为偶数，如果是，就将其加入到变量 sum 中；最后，我们将变量 sum 的值输出到控制台中。

结语

for 循环是 JavaScript 中非常常用的一种循环结构，它可以让我们轻松地重复执行一个代码块多次。在使用 for 循环时，我们需要注意循环变量的赋值、条件判断、循环体的操作等细节，才能写出高效、可靠的代码。