JavaScript while 语句

 JavaScript 语句和变量声明

while语句创建一个循环,只要测试条件(condition)的计算结果为true,该循环便执行指定的语句。

仅当条件(condition)变为false时,循环才会停止。

在执行语句之前先评估条件(condition)

JavaScript提供以下几种循环:

  • for -循环遍历代码块若干次

  • for...in-遍历对象的属性

  • while-在指定条件为true时,循环遍历代码块

  • do...while -循环执行一次代码块,然后在指定条件为true时继续重复循环

使用break语句终止当前循环,并使用continue语句跳过循环中的值。

语法:

while (condition) {
//语句被执行
}
var n = 0;
while (n < 5) {
   document.write("<br>The number is " + n);
   n++;
}
测试看看‹/›

注意:如果要使用带有条件(condition)的变量,请在循环之前对其进行初始化,然后在循环内对其进行递增。如果忘记增加变量,循环将永远不会结束。这将使您的浏览器崩溃。

浏览器兼容性

所有浏览器完全支持while语句:

Statement
while

参数值

参数描述
condition                在每次遍历循环之前求值的表达式。如果该条件的计算结果为true,则执行语句。当条件的计算结果为false时,执行将在while循环之后继续。    如果条件始终为真,则循环将永不结束。这会使你的浏览器崩溃。

技术细节

JavaScript版本:ECMAScript 1

更多示例

以升序遍历数组:

var fruits = ['Apple', 'Mango', 'Banana', 'orange'];
var txt = '';
var i = 0;
while (i < fruits.length) {
txt += fruits[i] + "<br>";
i++;
}
测试看看‹/›

以降序循环遍历数组:

var fruits = ['Apple', 'Mango', 'Banana', 'Orange'];
var txt = '';
var i = fruits.length;
while (i != 0) {
i--;
txt += fruits[i] + "<br>";
}
测试看看‹/›

以下函数有一个break语句,当i为3时终止while循环,然后返回值3 * x:

function testBreak(x) {
  var i = 0;
  while (i < 6) {
if (i == 3) {
   break;
}
i++;
  }
  return i * x;
}
测试看看‹/›

下面的示例显示一个while循环,该循环具有一个continue语句,该语句在i的值为3时执行:

var text = "";
var i = 0;
while (i < 6) {
   i++;
   if (i === 3) {
  continue;
   }
   text += "The number is " + i + "<br>";
}
测试看看‹/›

相关参考

JavaScript教程:JavaScript While循环

JavaScript参考:JavaScript do ... while语句

JavaScript参考:JavaScript for 语句

JavaScript参考:JavaScript break语句

JavaScript参考:JavaScript continue声明

 JavaScript 语句和变量声明