JavaScript 程序循环结构详解

什么是循环结构

在编写程序时，经常需要重复执行某个操作，这就是循环结构。循环结构可以对一段代码重复执行多次，可以通过循环结构来节约代码量和提高执行效率。

JavaScript 中循环结构

JavaScript 中有两种常见的循环结构：for 循环和 while 循环。

for 循环

for 循环通常用于已知循环执行次数的情况。它的语法结构如下：

for (初始化; 条件; 增量) {
  // 待执行的代码
}

• 初始化：在循环开始之前执行，并且只执行一次。
• 条件：每次循环都会进行检查，如果条件为真，则会继续执行循环体内的代码。如果条件为假，则会跳出循环。
• 增量：在每次循环结束时执行。

下面是一个简单的示例，使用 for 循环输出 1 到 10 的数：

for (let i = 1; i <= 10; i++) {
  console.log(i);
}

while 循环

while 循环通常用于不知道具体循环执行次数的情况。它的语法结构如下：

while (条件) {
  // 待执行的代码
}

• 条件：在每次循环开始之前进行检查，如果条件为真，则会继续执行循环体内的代码。如果条件为假，则会跳出循环。

下面是一个简单的示例，使用 while 循环输出 1 到 10 的数：

let i = 1;

while (i <= 10) {
  console.log(i);
  i++;
}

总结

循环结构可以帮助我们重复执行某些操作。在 JavaScript 中有两种常见的循环结构：for 循环和 while 循环。使用循环结构可以提高代码的重用性和执行效率，但需要注意避免死循环等问题。

示例说明

下面给出两个示例说明：

示例一

需求：输入一个正整数 n，输出从 1 到 n 的所有偶数。

let n = parseInt(prompt("请输入正整数 n："));

for (let i = 2; i <= n; i += 2) {
  console.log(i);
}

示例二

需求：输入一个正整数 n，求从 1 到 n 的所有整数的和。

let n = parseInt(prompt("请输入正整数 n："));
let total = 0;

for (let i = 1; i <= n; i++) {
  total += i;
}

console.log(`1 到 ${n} 的和为：${total}`);