JavaScript循環/選擇結構

和其餘語言同樣，JavaScript也有循環結構和選擇結構

選擇結構：

1. if(條件){
       // 知足條件的執行語句
   }
2. if(條件){
       // 知足條件的執行語句
   } else {
       // 不知足條件的執行語句
   }
3. if(條件1){
       // 知足條件1的執行語句
   } else if(條件2){
       // 知足條件2..N..的執行語句
   } else{
       // 不知足以上條件的執行語句
   }
4. switch(條件){
       case 匹配結果1:
           // 匹配成功的執行語句
           break;    // 退出switch
       case 匹配結果2:
           // 匹配成功的執行語句
           break;
       ....
       default:    // 以上條件都匹配不成功
           // 以上條件都匹配不成功的執行語句
   }

循環結構：

1. for(初始值 ; 循環次數 ; 自增(自減)){
       // 循環體
   }
   

   <script type="text/javascript">
   for(var i=0;i<10;i++){
      document.write(i + "&nbsp;");  // 輸出結果：0 1 2 3 4 5 6 7 8 9 
   }
   </script>

2. for - in 循環，主要用於循環數組，可是不經常使用，由於這個會輸出隱藏的屬性
   具體使用方法：
   

   <script type="text/javascript">
   var array = [1,2,3,4,5,6];
   var i = 0;
   for(i in array){
     document.write(array[i] + '&nbsp;');
     i++;
   }
   // 輸出結果爲 1 2 3 4 5 6 
   </script>

   
   

   
   

   數組的遍歷主要仍是使用 for循環，而不是使用for in
3. while循環
   

   <script type="text/javascript">
   var array = [1,2,3,4,5,6];
   var i = 0;
   while(i<array.length){
     document.write(array[i] + '&nbsp;');
     i++;
   }
   // 輸出結果爲 1 2 3 4 5 6 
   </script>

4. do...while循環
   

   <script type="text/javascript">
   var array = [1,2,3,4,5,6];
   var i = 0;
   do{
     document.write(array[i] + '&nbsp;');
     i++;
   } while(i<0);
   // 輸出結果爲 1
   </script>

for遍歷數組和for-in遍歷數組的區別

1. 數組的遍歷只能是索引數組
2. for循環只會遍歷出來數組中的元素，for in 會遍歷出其餘屬性
   如：

   <script type="text/javascript">
   var array = [1,2,3,4,5,6];
   array.name = '張三';
   
   for(var i = 0;i<array.length;i++){
     document.write(array[i]+ '&nbsp;');
   }
   // 1 2 3 4 5 6
   document.write('<br/>');
   
   var i=0;
   for(i in array){
     document.write(array[i]+ '&nbsp;');
     i++;
   }
   // 1 2 3 4 5 6 張三
   </script>

   
   

   
   

while循環和do...while循環的區別

1. while循環是若是條件不知足，則不會循環
2. do...while循環是，若是條件不知足，仍然會執行一次，例如上例中顯示，i 的初始值是0，不知足 i<0的條件，可是仍然會輸出一個值