JavaScript while 循环

2025 年 8 月 29 日 | 6 分钟阅读

JavaScript 中,while 循环会创建一个循环,只要特定条件为真,该循环就会执行。JavaScript while 循环将继续运行,直到条件被评估为假。

在 while 循环中,我们在 循环 前指定条件,通常,会在 while 循环体内增加或更改某个变量,以确定循环何时停止。

JavaScript while 循环的语法

while 循环的语法如下:

说明

while: 这是用于启动 while 循环的关键字。

Condition: 在 while 循环中,我们定义的条件是一个布尔表达式,其结果为真或假。如果 while 循环中的给定条件为真,则循环体将执行。当表达式评估为假时,循环将自行终止。

code block: 代码块是程序只要条件为真就运行的代码。

示例

让我们看一个例子。

代码

示例

立即执行

输出

count: 1
count: 2
count: 3
count: 4
count: 5
Loop completed

说明

在上面的示例中,我们使用 let 定义了一个名为 count 的变量。我们将变量 count 赋值为 1。我们使用了一个 while 循环。这里,while (count<=5) 是一个条件,它会一次又一次地运行,直到条件为。当条件变为假时,它会终止并打印一条消息 "Loop Completed"

流程图

此流程图显示了 JavaScript 中 while 循环的工作方式。您可以观察 while 循环中的控制流。

JavaScript while Loop

while 循环的示例

让我们看一些示例来理解 while 循环。它们如下:

示例 1

在下面的示例中,我们使用 let 声明了一个名为 a 的变量。我们将通过 while 循环打印 Welcome to Tpoint

示例

立即执行

输出

Welcome to Tpoint
Welcome to Tpoint
Welcome to Tpoint

示例 2

在下面的示例中,我们使用 let 定义了一个名为 arr 的变量。我们将使用 while 循环打印到 4 的数字。

示例

立即执行

输出

1
2
3
4

示例 3

在下面的示例中,我们将使用 while 循环查找一个数字的阶乘。

示例

立即执行

输出

The factorial of a number is 3628800

何时在 JavaScript 中使用 while 循环?

在 JavaScript 中,当最终条件无法预先知道时,while 循环是理想的选择。

连续执行

JavaScript while 循环非常适合需要持续检查和执行直到特定条件改变的任务。

处理项

当处理可能影响数组长度的 数组 中的项时,JavaScript while 循环也很有帮助。

嵌套 while 循环

在 JavaScript 中,当一个 while 循环放在另一个 while 循环内部时,就会发生嵌套的 while 循环。外部循环首先执行,对于外部循环的每次迭代,内部循环都会完全执行。

语法

嵌套 while 循环的语法如下:

说明

while (outerCondition): 首先,评估此条件。如果为真,则评估在 outerCondition 中定义的代码。如果为假,则整个嵌套循环将被跳过。

while (innerCondition): 如果 innerCondition 中的条件为真,则内部循环条件将执行,直到条件为真。

示例

在下面的示例中,我们将编写一个使用 while 循环打印乘法表的程序。

示例

立即执行

输出

JavaScript while Loop

JavaScript 使用 while 循环的金字塔程序

示例 1

我们在示例中创建了一个简单的程序,使用 while 循环打印金字塔。

示例

立即执行

输出

JavaScript while Loop

说明

在上面的代码中,我们将 rows 定义为金字塔的高度。while 循环从 i = 1 运行到 rows,确保了正确的行数。' '.repeat(rows - i) 添加空格以居中文本,'*'.repeat(2 * i - 1) 生成星号以形成金字塔形状。i++ 增加行计数。

示例 2

在此示例中,我们将使用 JavaScript 中的 while 循环打印一个金字塔。

示例

立即执行

输出

JavaScript while Loop

说明

在上面的代码中,rows 定义了倒金字塔的高度。while 循环从 rows 开始,递减 i 直到 1' '.repeat(rows-i) 添加空格以对齐,'*'.repeat(2 * i - 1) 打印正确数量的行。i-- 减少行计数,使金字塔缩小。

JavaScript while 循环的特性

JavaScript 中的 while 循环有一些特性:

JavaScript while Loop

基于条件的执行

只要条件评估为真,循环就会继续迭代。在每次迭代之前检查条件,如果条件最初为假,则循环体将被完全跳过。

灵活性

while 循环适用于迭代次数未知的场合,因为它取决于条件是否满足。

控制流语句

在 JavaScript 中,break 和 continue 语句可以在 while 循环中使用以改变其执行流。break 语句会提前终止循环,而 continue 语句会跳过当前迭代并继续进行下一迭代。

嵌套

While 循环可以嵌套在其他 while 循环或其他类型的循环中,这允许更复杂的控制流结构。

结论

JavaScript while 循环是最常用的条件循环之一。当我们不知道迭代次数时,应使用 while 循环。在本文中,我们学习了关于 while 循环的所有知识,并看到了它们的示例。它包含了 while 循环是什么、它的用例、它的示例等主题。本文对初学者和有经验的开发人员都很有价值。

常见问题

1. JavaScript 中的 while 循环是什么?

JavaScript 中的 while 循环有助于无限次地运行某些代码块,直到满足某个条件。主要地,当我们不知道有多少次迭代会运行,这取决于某个条件时,我们会使用 while 循环。

2. 如何在 JavaScript 中声明一个 while 循环?

JavaScript 中 while 循环的语法如下:

3. 什么是无限循环?它如何在 while 循环中出现?

无限循环是指 while 循环永远无法将提供的条件视为假,并会永远运行下去。这种情况发生在 while 语句中提供的条件永远不会变为假,并且循环体中没有任何内容可以改变它或退出循环。

4. 在 JavaScript 中,是否可以将一个 while 循环嵌套在另一个 while 循环中?

是的,我们可以在 JavaScript 中将一个 while 循环嵌套到另一个 while 循环中。