JS基礎------循環方式(九九乘法表，空、實心菱形)

 1.for循環

表達式：①聲明循環變量；②判斷循環條件；③更新循環變量；三個表達式之間，用;分割，

for循環的執行特點：先判斷再執行，與while相同

九九乘法表

<script>
       for (var i = 1; i <= 9; i++) {
            document.write("<br>");
            for (var j = 1; j <= i; j++) {
                document.write(j, "*", i, "=", i * j, "   ");
            }

        }
</script>

實心菱形 

    <script>
        // 實心菱形
        for (let i = 0; i < 6; i++) {
            for (let j = 0; j < 5 - i; j++) {
                document.write("&ensp;");
            }
            for (let j = 0; j < 2 * i + 1; j++) {
                document.write("*");
            }

            document.write("</br>");
        }
        for (let i = 0; i < 6; i++) {
            for (let j = 0; j < i + 1; j++) {
                document.write("&ensp;");
            }
            for (let j = 0; j < 9 - 2 * i; j++) {
                document.write("*");
            }

            document.write("</br>");
        }
    </script>

空心菱形

<script>
        for (let i = 0; i < 6; i++) {
            for (let j = 0; j < 5 - i; j++) {
                document.write("&ensp;");
            }
            for (let j = 0; j <= 2 * i -1; j++) {
                if (j === 1 || j === 2 * i - 1) {
                    document.write("*");
                } else {
                    document.write("&ensp;");
                }

            }

            document.write("</br>");
        }
        for (let i = 0; i < 6; i++) {
            for (let j = 0; j < i + 1; j++) {
                document.write("&ensp;");
            }
            for (let j = 0; j <= 9 - 2 * i; j++) {
               if (j === 0|| j === 9 - 2 * i-1) {
                    document.write("*");
                } else {
                    document.write("&ensp;");
                }
            }

            document.write("</br>");
        }
    </script>

2.while循環   

  判斷規則

       ①Boolean：true爲真，false爲假；
　　②String：空字符串爲假，所有非空字符串爲真；
　　③Number：0爲假，一切非0數字爲真；
　　④null/Undefined/NaN:全爲假；
　　⑤Object：全爲真。

特點

      先判斷後執行

結構體

<script>
   var num = 1;
            
  while (num<10){//1、循環條件;
       console.log(num);//2、循環體操作；
       num++;
   }
</script>

3.do-while循環  

    判斷規則和while無差別

   特點

        先執行再判斷，即使初始條件不成立，do-while循環至少執行一次，也就是說do-while循環比while循環多執行一次。

<script>
 var num =5;
  do{
     //循環體
     console.log(num);//5 4 3 2 1 0
     num--;
     }while(num>=0);//判斷條件
</script>