While 迴圈
## JavaScript `while` 迴圈
`while` 會在條件為 `true` 時,重複執行區塊內的程式碼。
執行前會先判斷條件,因此如果一開始條件就是 `false`,迴圈可能一次都不執行。
### 語法
```javascript
while (條件) {
// 要重複執行的程式碼
}
```
### 基礎範例
```javascript
let count = 1;
while (count <= 3) {
console.log(count);
count++;
}
```
輸出結果:
```text
1
2
3
```
---
## `break` 指令
`break` 用來**立即結束整個迴圈**,不再繼續執行後面的迴圈內容。
### 範例
```javascript
let number = 1;
while (number <= 5) {
if (number === 3) {
break;
}
console.log(number);
number++;
}
```
輸出結果:
```text
1
2
```
當 `number` 等於 `3` 時,執行 `break`,迴圈便立刻結束。
---
## `continue` 指令
`continue` 用來**跳過本次迴圈剩下的程式碼**,直接進入下一次迴圈。
### 範例
```javascript
let number = 0;
while (number < 5) {
number++;
if (number === 3) {
continue;
}
console.log(number);
}
```
輸出結果:
```text
1
2
4
5
```
當 `number` 等於 `3` 時,`continue` 會跳過該次的 `console.log(number)`,因此不會印出 `3`。
相關學習地圖、教學課程
F2E 網站前端工程