JavaScript流程控制語句怎么用

這篇文章主要介紹“JavaScript流程控制語句怎么用”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“JavaScript流程控制語句怎么用”文章能幫助大家解決問題。

1.引入

   通過上次課程的學習，我么可以使用 條件結構實現代碼的選擇執行，那么當我們在實現需求的時候，如果需要執行多次，那應該怎么辦呢？這一個時候，我們可以使用循環結構來實現我們的代碼功能。

2.循環結構

    假如您需要運行代碼多次，且每次使用不同的值，那么循環（loop）相當方便使用。JavaScript中的循環主要有三個：for循環、while循環、do-while循環。那么下面我們逐一講解每一個循環的操作。

3.for循環

  (1).for循環使用場景

       for循環，由于它可以通過控制次數和下標，所以一般使用在已經知道循環次數和需要循環次數下標的時候使用。

  (2).for循環的語法和內容說明

for循環語法以及相關結構

for (語句 1; 語句 2; 語句 3) {

     要執行的代碼塊

}

參數詳解

語句 1 在循環（代碼塊）開始之前執行。一般用于定義初始化下標

語句 2 定義運行循環（代碼塊）的條件。一般是條件判斷語句，表述是否需要再次執行相關的代碼塊。

語句 3 會在循環（代碼塊）每次被執行后執行。一般是增量語句，控制增量數量，和語句構成循環的次數

一個標準的for循環代碼:

for（var i=0;i<100;i++）{

   //需要執行的代碼塊

}

   (3).for循環的簡單使用，使用for循環實現1&mdash;&mdash;100的累和

<script type="text/javascript">

   //設置初始化存儲變量

   var sum = 0;

   //循環累加

   for(var i=0;i<100;i++){

   sum += i;

   }

   document.write("0&mdash;&mdash;100的累和是:" + sum);

</script>

 (4).for循環的簡單使用，輸出0&mdash;&mdash;10中的奇數

<script type="text/javascript">

  //循環查找

  for(var i=0;i<10;i++){

  if(i%2 == 1){

  document.write(i +"是一個奇數。" + "<br>");

  }

  }

</script>

  (5).for循環實現死循環

<script type="text/javascript">

   //使用for循環實現死循環

   for(;;){

  document.write("HelloWorld");

   }

</script>

 4.while循環

    (1)、while循環的使用場景

     while循環用于不知道循環次數的情況，也就是只有循環多次或者是循環使用結束之后才有效果的情況使用，比如現實后臺傳遞的數據的時候就可以使用while循環。while 循環會一直循環代碼塊，只要指定的條件為 true。

   (2).while循環的語法和內容說明

while循環語法:

while (條件) {

   //要執行的代碼塊

}

  (3).while循環的簡單使用，使用for循環實現1&mdash;&mdash;100的累和

<script type="text/javascript">

   //使用while循環實現0&mdash;&mdash;100的累和

   var sum = 0;

   var count = 0;

   while(count <= 100){

  sum += count;

  count++;

   }

   document.write("0&mdash;&mdash;100的累和是:" + sum);

</script>

   (4).while循環實現死循環

<script type="text/javascript">

   //使用while實現死循環

   while(true){

document.write("helloworld");

   }

</script>

 5.do-while循環

   (1)、do-while循環的使用場景

          do/while 循環是 while 循環的變體。在檢查條件是否為真之前，這種循環會執行一次代碼塊，然后只要條件為真就會重復循環。

   (2).while循環的語法和內容說明

do-while語法:

do{

   要執行的代碼塊

}while (條件);

 (3).do-while簡單的代碼實現以及實現效果

<script type="text/javascript">

    //初始化

var sum = 0;

var count = 0

do{

sum +=count;

document.write("這時候的sum值是:" + sum)

}while(count < 100);

count++;

</script>

關于“JavaScript流程控制語句怎么用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。