首頁  >  文章  >  web前端  >  javascript有多少種循環

javascript有多少種循環

PHPz
PHPz原創
2023-05-10 09:49:36575瀏覽

JavaScript 是一種腳本語言,經常用於網頁開發和其他應用程式。 JS 中有多種循環用於重複執行一段程式碼,本文將詳細介紹 JavaScript 中的循環。

在JavaScript 中,常用的迴圈有以下幾種:

  1. for 迴圈
    for 迴圈是一種迭代控制結構,可以一再遍歷陣列中的所有元素。它的語法如下:
for (initialization; condition; increment) {
   // code to be executed
}

其中,initialization 是循環的起始值,可以是變數或常數;condition 是循環條件,當條件為false 時,循環結束;increment 是循環每次執行後的變化值,類似於自增或自減。範例程式碼如下:

for (let i = 0; i < 10; i++) {
   console.log(i);
}
  1. while 迴圈

while 迴圈是另一個迭代控制結構,只要條件為 true,就會一再執行程式碼區塊。它的語法如下:

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

範例程式碼如下:

let i = 0;
while (i < 10) {
   console.log(i);
   i++;
}
  1. do-while 迴圈

do-while 迴圈與while 迴圈相似,但不同之處在於條件檢查是在程式碼區塊執行完之後執行的。即使條件一開始就為 false,也至少會執行一次。它的語法如下:

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

範例程式碼如下:

let i = 0;
do {
   console.log(i);
   i++;
} while (i < 10);
  1. for-in 迴圈

for-in 迴圈用於遍歷物件或陣列中的屬性或元素。它的語法如下:

for (variable in object) {
   // code to be executed
}

其中,variable 是要迭代的變數名,object 是要迭代的物件。範例程式碼如下:

const myObj = { a: 1, b: 2, c: 3 };
for (const property in myObj) {
   console.log(property + ": " + myObj[property]);
}
  1. for-of 迴圈

for-of 迴圈用於遍歷可迭代的對象,例如陣列和字串。它的語法如下:

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

其中,variable 是要迭代的變數名,iterable 是要迭代的物件。範例程式碼如下:

const myArray = [1, 2, 3];
for (const element of myArray) {
   console.log(element);
}

以上就是 JavaScript 中常用的循環,每個循環都有自己的適用場景,在編寫 JavaScript 程式碼時需要根據不同的需求來選擇不同的循環結構。希望本文對大家了解 JavaScript 循環有幫助。

以上是javascript有多少種循環的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn