JavaScript >> Javascript 文檔 >  >> JavaScript

如何使用 JavaScript 的“while”循環,並附上示例

本文將向您展示 JavaScript 如何while 循環的構造,以及它的用途,以及代碼示例。

雖然 循環是最簡單的循環類型之一,出現在大多數編程語言中。一個同時 循環重複運行一段代碼,直到滿足一個條件。 條件滿足,循環停止 .

熟悉循環使用並理解它們的工作原理非常重要,因為它們構成了您可能編寫的幾乎所有遊戲和應用程序的支柱。 確保您熟悉循環的工作方式、檢查條件的時間以及預期循環執行的次數,以便您的應用程序按照您的預期運行!

循環用於遍歷數組、用於計數以及用於重試操作。例如,循環用於在屏幕上顯示表格行(循環遍歷數據庫中的每條記錄並打印它),並用於在視頻遊戲中在屏幕上移動敵人(以設定的時間間隔循環並更新對象的位置屏幕上)。

什麼是同時 循環

當給定條件為 true 時,while 循環將執行一段代碼 .當該條件變為 false ,循環會退出,後面的代碼會繼續執行。

JavaScript 同時 循環語法

JavaScript 循環的語法如下:

while (CONDITION){
    STATEMENTS
}

注意:

  • 條件 可以是任何計算結果為布爾值的 JavaScript 表達式 true/false 價值
  • 聲明 可以是任意行數的 JavaScript 代碼,每次循環重複時都會執行
  • 同時 循環將執行 STATEMENTS 只要條件 表達式的計算結果為 true 或者是真實
    • 所以,要擺脫同時 循環,您的聲明 將需要更改 CONDITION 中的某些內容 所以它不再被認為是真實

JavaScript 同時 循環示例

以下是 while 的一些示例 循環。每個循環內的語句將一直執行,直到循環條件不再為真true .

請注意,循環中正在執行的代碼會改變循環的條件以使其退出。

var i = 1;
while (i <= 5){
    console.log(i);
    i++;
}

上面,同時 循環在變量 i 的條件下執行 小於或等於 5 .循環執行的代碼語句會增加 i 的值 打印出來之後——這樣最終退出循環的條件就滿足了。

上面的例子會向控制台輸出以下內容:

1
2
3
4
5

對於循環的每次迭代,i 的值 被打印然後遞增。循環退出一次 i 達到 5。

如果您只想執行一條語句,也可以編寫一個不帶代碼括號的 while 循環:

var i = 1;
while( i <= 5 ) console.log(i++);

上面,循環將一直執行到 i 達到 5。迴聲 語句將打印 i 的值 之前 它由 ++ 遞增 運營商。

小心無限循環!

如果您的循環從未達到導致其退出的條件,您的循環將無限期運行,凍結您的應用程序!這稱為無限循環,應不惜一切代價避免!


Tutorial JavaScript 教程
  1. 像程序員一樣思考💭💻

  2. Nest JS 請求管道的備忘單

  3. 如何使用 Okta 向 Vue 應用程序添加身份驗證

  4. Javascript:使用 Ajax 發送 JSON 對象?

  5. 10 個 jQuery 擴展插件

  6. HTML 表單動作在第一個按鈕上觸發

  7. 不要運行`sudo npm install -g`——讓它工作的最簡單方法

  1. 使用 GraphQL Yoga 提供靜態文件 🧘

  2. 使用 Hooks 進行 React Native 性能優化

  3. nodejs的io中的io.sockets.adapter.rooms在哪裡?

  4. D3js 樹形圖

  5. jsPDF || 🖼️ 調整適合頁面的比例圖像。

  6. 如何在瀏覽器中運行 NLP?

  7. 讓我們用 socket.io、svelte 和 node 構建一個多人電影瑣事/問答遊戲。開發日誌 #2

  1. 10 個花錢的 jQuery 社交網絡插件

  2. RxJS switchMap、concatMap、mergeMap、exhaustMap

  3. ORM - 最好的 JavaScript 庫

  4. JavaScript 全局變量 |示例代碼