1. 程式人生 > 實用技巧 >JavaScript 15 迴圈語句

JavaScript 15 迴圈語句

常用的迴圈語句有: for, while, do-while, for-each

都是用於在滿足條件的前提下,重複執行程式碼用的

示例1:

迴圈語句

使用 for列印0-4
注意: 進行迴圈的時候,一定要設定好自增和結束條件,否則會導致無限迴圈,瀏覽器直接掛掉。我已經被坑了很多次了。

<script>
function p(s){
  document.write(s);
  document.write("<br>");
}
 
document.write("使用for迴圈列印 0 到 4<br>");
 
for(var i=0;i<5;i++){
  p(i);
}
 
</script>

示例2:

迴圈語句

其實 while就是另一種形式的for
使用while列印0-4
注意: 進行迴圈的時候,一定要設定好自增和結束條件,否則會導致無限迴圈,瀏覽器直接掛掉。我已經被坑了很多次了。

<script>
document.write("使用while迴圈列印 0 到 4<br>");
function p(s){
  document.write(s);
  document.write("<br>");
}
 
var i = 0;
while(i<5){
  p(i);
  i++;
}
 
</script
>

示例3:

迴圈語句,至少執行一次

其實do-while與while的區別在於,至少會執行一次
使用do-while列印0-4
注意: 進行迴圈的時候,一定要設定好自增和結束條件,否則會導致無限迴圈,瀏覽器直接掛掉。我已經被坑了很多次了。

<script>
function p(s){
  document.write(s);
  document.write("<br>");
}
document.write("使用do-while迴圈列印 0 到 4<br>");
var i = 0;
 
do{
 p(i);
 i++;
} while(i<
5); </script>

示例 4 :

繼續下一次迴圈

continue表示放棄本次迴圈,進行下一次迴圈

<script>
function p(s){
  document.write(s);
  document.write("<br>");
}
  
document.write("使用for迴圈列印 0 到 4<br>如果發現是3,就<span style='color:red'>放棄本次迴圈,並且進入下一次</span>迴圈<br>");
  
for(i=0;i<5;i++){
  if(i==3)
    continue;
  p(i);
}
  
</script>

示例6:

終止迴圈

break表示終止迴圈,迴圈體結束

<script>
function p(s){
  document.write(s);
  document.write("<br>");
}
   
document.write("使用for迴圈列印 0 到 4<br>如果發現是3,就<span style='color:red'>終止迴圈,迴圈體結束 </span><br>");
   
for(i=0;i<5;i++){
  if(i==3)
    break;
  p(i);
}
   
</script>