首页 JS教程正文

探秘JavaScript循环三部曲：for、while、do-while

JS教程 2024-10-23 667 0

在JavaScript的编程世界中，循环语句犹如时间的车轮，推动着代码的运行不息。今天，就让我们一起来探秘JavaScript循环的三部曲：for、while、do-while，看看它们是如何在不同的场景中大显神威。

第一章：for循环——程序的马拉松选手

for循环是最常用的循环语句之一，它的结构清晰，适用于已知循环次数的场景。它就像一位马拉松选手，坚持不懈地跑完每一个循环。

for (初始化表达式; 循环条件; 步进表达式) {
  // 要重复执行的代码
}

例如，我们要打印出1到5的数字，可以这样使用for循环：

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

在这段代码中，let i = 1是初始化表达式，它在循环开始前执行一次；i <= 5是循环条件，它在每次循环前检查，如果为真，则执行循环体内的代码；i++是步进表达式，它在每次循环结束后执行。

第二章：while循环——谨慎的探险家

与for循环不同，while循环更加灵活，它适用于循环次数未知，只依赖于某个条件来结束循环的场景。while循环就像一位谨慎的探险家，只有在确认前方安全的情况下才会继续前行。

while (循环条件) {
  // 要重复执行的代码
}

假设我们要实现一个简单的猜数字游戏，用户需要不断猜测直到猜中为止，这时可以使用while循环：

let secretNumber = 4; // 假设正确答案是4
let guess = 0; // 用户猜测的数字

while (guess !== secretNumber) {
  guess = prompt("猜一个数字吧："); // 弹出对话框让用户输入数字
  // 此处可以添加其他逻辑，比如限制猜测次数等
}
console.log("恭喜你，猜对了！");

在这段代码中，只要用户的猜测与secretNumber不相等，循环就会继续执行。

第三章：do-while循环——不屈的战士

最后，我们来看看do-while循环。它和while循环很相似，但有一个关键的不同点：do-while循环至少会执行一次循环体，无论循环条件是否成立。这让它像一位不屈的战士，即使面对困境，也要勇往直前。

do {
  // 要重复执行的代码
} while (循环条件);

例如，如果我们要确保用户至少尝试猜测一次，可以这样使用do-while循环：

let secretNumber = 4; // 假设正确答案是4
let guess;

do {
  guess = prompt("猜一个数字吧："); // 弹出对话框让用户输入数字
} while (guess !== secretNumber);

console.log("恭喜你，猜对了！");

在这段代码中，无论用户第一次猜测是否正确，do-while循环都会至少执行一次。