JavaScript while 語句

while迴圈語句與do while語句非常類似。

關於do while語句可以參閱JavaScript do while 語句一章節。

do while語句是先do（做），再去通過while判斷條件是否成立。

而while是先判斷條件是否成立，再去執行。

一個比較魯莽，一個比較謹慎。

語法結構：

[JavaScript] 純文字檢視 複製程式碼
while(條件){
  語句
}

首先判斷while後面小括號中的條件是否成立，如果成立則執行後面關聯的語句。

瀏覽器支援：

（1）.IE瀏覽器支援此語句。

（2）.edge瀏覽器支援此語句。

（3）.谷歌瀏覽器支援此語句。

（4）.火狐瀏覽器支援此語句。

（5）.opera瀏覽器支援此語句。

（6）.safria瀏覽器支援此語句。

程式碼例項：

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let num = 1;
while (num < 5){
  num = num + 1;
}
console.log(num);

程式碼執行效果截圖如下：

對程式碼分析如下：

（1）.宣告一個變數num並賦值為1。

（2）.while語句首先會判斷num是否小於5,。

（3）.如果條件滿足，那麼num自增1。

（4）.最終num值通過迴圈語句累加到5。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let num = 1;
while (num < 5)
  num = num + 1;
console.log(num);

程式碼執行效果截圖如下：

上面程式碼與第一段程式碼的區別是，省略了大括號。

程式碼依然可以正常執行，不過需要注意的是，這個時候while語句僅對它其後的第一條語句有效。

這一特點在上面程式碼也有體現，否則也會迴圈執行console.log(num)語句。

[JavaScript] 純文字檢視 複製程式碼執行程式碼
let num = 1;
while (num < 5){
  if(num%2==0){
      break;
  }
  num = num + 1;
}
console.log(num);

程式碼執行效果截圖如下：

有時候時候需要中途退出迴圈語句，使用break和continue語句可以實現。

上面程式碼判斷num如果是偶數，那就通過break語句退出整個while迴圈語句。

關於break可以參閱JavaScript break和continue語句一章節。