JavaScript中for迴圈，while迴圈，do......while迴圈。
阿新 • • 發佈：2019-01-11
一.for迴圈
- for迴圈語法結構：
for(迴圈條件初始化;迴圈條件判斷;迴圈迭代){
迴圈體;
} - 執行規則：
第一步：迴圈條件的初始化 var i=0; 只在最開始執行一次
第二步：迴圈條件判斷 i<5;
若判斷條件結果為真：則執行迴圈體
若不成立： 結束迴圈;
第三步：迴圈迭代 i++
第四步：回到第二步
案例(1) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> //求20-100之內三的倍數之和 var sum=0; for(var i=100;i>20;i--){ if(i%3==0) { sum+=i; document.write(i);列出20-100之內所有3的倍數 document.write('<br>'); } } document.write('最後結果為：'+sum); </script> </body> </html>
案例(2) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> //求15以內奇數的和 var sum=0; for(var i=0;i<15;i++){ if (i%2!==0) { sum+=i; document.write(i);列出15之內所有奇數 document.write('<br>'); } } document.write('最後結果為：'+sum); </script> </body> </html>
二.while迴圈
- while迴圈
語法：
while(判斷條件){
迴圈體;
} - 執行規則：
當判斷條件為真時，則執行迴圈體;
反之不執行；
案例(1) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script type="text/javascript"> //求10以內奇數的和 var i=0; var sum=0; while(i<10){ if(i%2!==0){ sum+=i; console.log(i);列出10之內所有不能被2整除的數 } i++; }console.log(sum);總和 </script> </body> </html>
案例(2)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var i=0;
while(i<5){
document.write(i);列出所有小於5的數
document.write('<br>');
i++;
}
</script>
</body>
</html>
三.do…while迴圈
- do…while
語法：
do{
迴圈體;
}while(判斷條件); - 執行規則：
先執行迴圈體，
若判斷條件為真，則執行迴圈體
案例(1)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var i=0;
do{
console.log(i);列出小於3的數
i++;
}while(i<3);
</script>
</body>
</html>
案例（2）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
var i=0;
do{
console.log('i='+i);
i++;
}while(i<3);
</script>
</body>
</html>