导航
×
   ❮   
HTML CSS JavaScript PHP Go ECMS

JavaScript 教程

JS 简介 JS 如何使用 JS 输出 JS 语法 JS 语句 JS 注释 JS 变量 JS 运算符 JS 条件语句 JS 循环 JS 字符串 JS 数字 JS 函数 JS 对象 JS 日期 JS 数组 JS 类型化数组 JS 集合 JS Map 映射 JS Math JS 正则表达式 JS 数据类型 JS 错误 JS 事件 JS 编程 JS 关键字参考 JS 保留关键字参考 JS 运算符参考 JS 运算符优先级 JS UTF-8 字符 JS UTF-8 符号 JS UTF-8 表情符号 JS 版本

JavaScript while 循环


只要条件为 true,循环能够一直执行代码块。


While 循环

while 循环会一直循环代码块,只要指定的条件为 true。

语法

while (condition) {
  // 要执行的代码块
}

实例

在下面的例子中,循环中的代码将运行,一遍又一遍,只要变量(i)小于 10:

实例

while (i< 10) {
    text += "The number is " + i;
    i++;
}
 
亲自试一试 »

如果您忘了对条件中使用的变量进行递增,那么循环永不会结束。这会导致浏览器崩溃。


Do/While 循环

do/while 循环是 while 循环的变体。在检查条件是否为真之前,这种循环会执行一次代码块,然后只要条件为真就会重复循环。

语法

do {
  // 要执行的代码块
}
while (condition);

实例

下面的例子使用了 do/while 循环。该循环会执行至少一次,即使条件为 false,因为代码块会在条件测试之前执行:

实例

do {
    text += "The number is " + i;
    i++;
 }
while (i< 10);
亲自试一试 »

不要忘记对条件中所用变量进行递增,否则循环永不会结束!


比较 For 与 While

如果您已经阅读了之前关于循环的章节,您会发现 while 循环与 for 循环相当类似,其中的语句 1 和 语句 2 都可以省略。

本例中的循环使用 for 循环来提取 cars 数组中的汽车品牌:

实例

 varcars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";

for (;cars[i];) {
    text += cars[i] + "<br>";
   i++;
}
亲自试一试 »

本例中的循环使用 while 循环来提取 cars 数组中的汽车品牌:

实例

 varcars = ["BMW", "Volvo", "Saab", "Ford"];
var i = 0;
var text = "";
 
 while (cars[i]) {
    text += cars[i] + "<br>";
   i++;
}
亲自试一试 »

freew3c.com 中文网是独立运营的中文开发者学习平台,与 freew3c.com 无关联。提供的内容仅用于学习和测试,不保证内容的正确性。


Copyright @2020-2026 京ICP备888888号-8