编辑这个页面须要登录或更高权限！

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 语句和变量声明

HTML DOM Attribute 对象JavaScript 语句和声明