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>