JavaScript怎麼做循環

JavaScript作為一種廣泛應用的程式語言，其最常用的特性之一便是循環結構，這為開發者提供了實現各種邏輯和演算法的方便手段。本文將為讀者介紹JavaScript中幾種常用的循環結構及其應用場景。

1. while循環

while循環是最基本的循環結構，它的語法結構如下：

while(condition){
  // statements to be executed
}

其中condition表示循環的條件，如果condition為真，則執行循環中的語句。循環執行前會檢查一次condition是否為真，如果condition為假，則循環主體中的語句不會執行。

while循環可以應用於各種場景，例如根據使用者輸入來重複執行某些操作，或從陣列或物件中篩選出符合某些條件的元素等。

以下是一個簡單的例子，它將輸出數字1~5：

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

2. #do-while迴圈

##do-while迴圈與while迴圈的差別在於，do-while迴圈會先執行一次迴圈主體，然後再檢查迴圈條件是否為真。如果循環條件為真，則重複執行循環主體，否則跳出循環。

其語法如下：

do {
  // statements to be executed
}while(condition);

同樣地，condition表示循環的條件。下面是一個例子，它將輸出數字1~5：

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

for循環

for迴圈通常用於迭代數組中的元素，其語法如下：

for(init; condition; iterator){
  // statements to be executed
}

其中init表示迴圈開始時要執行的語句，condition表示迴圈的條件，iterator表示每次迭代後要執行的語句。

以下是一個範例，它將輸出數字1~5：

for(let i = 1; i <= 5; i++){
  console.log(i);
}

在for迴圈中，也可以使用break和continue語句來控制迴圈的流程。 break語句用於跳出循環，continue語句用於跳過目前迭代並執行下一次迭代。

以下是break語句的for迴圈範例，它將輸出數字1~4：

for(let i = 1; i <= 5; i++){
  if(i == 5){
    break;
  }
  console.log(i);
}

for-in迴圈

for -in循環用於遍歷物件的屬性，其語法如下：

for(property in object){
  // statements to be executed
}

其中property表示目前遍歷到的屬性名，object表示要遍歷的物件。

以下是一個簡單的範例，它將遍歷一個物件的所有屬性並輸出它們的值：

let person = {
  name: "Tom",
  age: 20,
  city: "New York"
};

for(let property in person){
  console.log(person[property]);
}

需要注意的是，在使用for-in循環遍歷數組時，返回的並不是數組的元素，而是它們的索引。

for-of循環

for-of循環是ES6新增的語法，它用於遍歷可迭代對象，例如陣列和字串。其語法如下：

for(variable of iterable){
  // statements to be executed
}

其中variable表示目前遍歷到的元素，iterable表示要遍歷的可迭代物件。以下是一個範例，它將輸出一個字串中的所有字元：

let str = "hello, world";
for(let char of str){
  console.log(char);
}

需要注意的是，在遍歷數組時，使用for-of循環可以避免使用for循環中的索引變量，增加程式碼的可讀性。

本文介紹了JavaScript中幾種常用的循環結構以及它們的應用場景。它們可以幫助開發者實現各種邏輯和演算法，提高程式碼的可讀性和效率。

以上是JavaScript怎麼做循環的詳細內容。更多資訊請關注PHP中文網其他相關文章！