首頁 > web前端 > js教程 > javascript中循環結構有哪些

javascript中循環結構有哪些

青灯夜游
發布: 2021-11-05 14:01:17
原創
7132 人瀏覽過

js循環結構有三種:1、for循環,語法「for(初始化語句;循環條件;自增或自減){程式碼區塊}」;2、while循環,語法「while(條件語句){程式碼區塊}”;3、“do while”循環,語法“do{語句區塊}while(條件語句);”。

javascript中循環結構有哪些

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

所謂循環,就是重複執行一段程式碼,電腦的判斷能力和人相比差的很遠,電腦更擅長一件事情——不停的重複。而我們在JavaScript中把這叫做循環。下面讓我們來了解了解JavaScript裡的循環。

js循環結構有哪些

js循環結構有三種

  • #for迴圈==> 用來多次遍歷程式碼區塊

  • while循環==> 當指定條件為true時,循環程式碼區塊

  • do while循環==>當指定條件為true時,迴圈程式碼區塊

1、for迴圈

#for是由兩個部分組成,條件控制與迴圈體

#語法:

for(初始化语句;循环条件;自增或自减){
	需要重复的代码块;
}
登入後複製

for語句結構如圖:
javascript中循環結構有哪些
for迴圈的執行順序

1、初始化表達式

2、循環條件表達式

3、需要重複的程式碼區塊

4、循環後的操作表達式

簡單的for循環,循環執行一次會改變一個變數的值
範例:輸出1到100的值

for(var i=1; i <= 100; i++){
//在循环开始时设置一个变量i;//定义运行循环的条件i<=100;//每个循环执行后,变量增加1
console.log(i);
}
登入後複製

2、while循環

#while迴圈會重複執行一段程式碼,直到某個條件不再滿足。

語法:

while(条件表达式语句){
	执行的代码块;
}
登入後複製

while循環結構如圖:
javascript中循環結構有哪些
while執行順序

當我們的使用條件條件回傳值是true,就會執行大括號裡面的程式碼區塊,執行完大括號的語句之後,會重複大括號裡的語句,直到判定條件回傳值為false,才會結束循環。

案例:

var i = 0;
while (i < 10){
	console.log(i);
	i++;
}
//while循环会先判定条件,再根据条件是否成立达成决定是否进入循环
//如果条件一开始就是false ,则不会进入循环
登入後複製

缺點:

  • 使用while語句的時候,一定要寫大括號

  • 如果沒有條件的話,會無限的運行下去,造成死迴圈。

3、do while迴圈的結構

do while 結構的基本原理和while結構是基本上相同的,但它保證迴圈體至少被執行一次。因為它是先執行程式碼,然後再判斷條件
語法:

do {
	执行语句块;
}
while(条件表达式语句);
登入後複製

do while 執行順序:

先執行一次code,再做判斷。與while循環不同,do while無論條件如何都會執行一次代碼

案例:

var i = 0;
do{
	console.log(i);
	i++;
}while(i<10);
登入後複製

while 和do while的不同

  • #while: 先判斷再執行條件不成立迴圈體一遍都不執行

  • #do…while: 先執行再判斷條件不成立迴圈體至少執行一次

【推薦學習:javascript高階教學

#

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板