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

2025-12-08 19阅读

文章最后更新时间:2025年12月11日

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

202512081765159597681877.jpg

第一章: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; // 假设正确答案是4let guess = 0; // 用户猜测的数字while (guess !== secretNumber) {
  guess = prompt("猜一个数字吧:"); // 弹出对话框让用户输入数字
  // 此处可以添加其他逻辑,比如限制猜测次数等}console.log("恭喜你,猜对了!");

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

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

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

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

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

let secretNumber = 4; // 假设正确答案是4let guess;do {
  guess = prompt("猜一个数字吧:"); // 弹出对话框让用户输入数字} while (guess !== secretNumber);console.log("恭喜你,猜对了!");

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

结语

在JavaScript的循环世界里,forwhiledo-while各有所长。作为开发者,我们需要根据不同的场景和需求,选择最合适的循环语句。掌握了这三种循环,你将能够在编程的道路上走得更远,创造出更加精彩的应用。


文章版权声明:除非注明,否则均为Dark零点博客原创文章,转载或复制请以超链接形式并注明出处。

目录[+]