Js之for循環

for循環

基本寫法：

for(初始化;條件;迭代運算){

循環內容；

}

運行機制：

先定義一個初始化變量，然後判斷這個變量是否滿足條件，如果滿足條件則執行循環內容，知道不滿足條件爲止，跳出循環。

順序就是初始化→條件→如果條件爲真→執行循環內容→迭代運算→條件→如果條件爲真→執行循環內容→迭代運算...直到條件不滿足爲止。

案例一：

打印等腰三角形

<script>

 定義等腰三角形的行數
    var num = 10;
    //每一行的空格數爲總行數減去當前第幾行
    //每一行的星星個數爲 當前行*2-1；
    //循環條件行數小於等於10
    for(var i=1;i<=num;i++){
        for(var j=num-i;j>0;j--){
            document.write("_");
        }
        for(var k=1;k<=i*2-1;k++){
            document.write("*");
        }
        document.write("<br>");
    }

</script>

案例二：

打印正直角三角形

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

打印倒直角三角形

<script>

for(var i=10; i>1; i--){
        for(var j=1; j<i; j++){
            document.write("*");
        }
        document.write("</br>");
    }

</script>

案例三：

var row = Number(prompt("請輸入三角形的行數："));
for(var i=1;i<=2*row-1;i++) {
    //輸出row-i個空格
    //輸出2i-1個*
    //輸出換行
    var blanks = Math.abs(row-i);//空格的個數
    var stars = 2*row-1-2*blanks;//*的個數Math.abs(i-row)=blanks
    for (var j = 1; j <= blanks; j++) {
        document.write("_");
    }
    for (var j = 1; j <= stars; j++) {
        document.write("*");
    }
    document.write("<br>");
}