JS笔记2、switch、循环——九九乘法表和金字塔

if,else,else if以及if嵌套都比较简单,就不做笔记了

JS笔记2、switch、循环——九九乘法表和金字塔_第1张图片

switch拓展:

JS笔记2、switch、循环——九九乘法表和金字塔_第2张图片

循环

循环三要素:

1、循环变量初始化

2、循环条件的判断

3、循环变量的改变

JS笔记2、switch、循环——九九乘法表和金字塔_第3张图片

JS笔记2、switch、循环——九九乘法表和金字塔_第4张图片

JS笔记2、switch、循环——九九乘法表和金字塔_第5张图片

例题一:用for循环打出六级标题

var i=1;
for(i=1;i<=6;i++){
document.write("h"+i+"")
}

JS笔记2、switch、循环——九九乘法表和金字塔_第6张图片

例题二:九九乘法表

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

运行结果:

JS笔记2、switch、循环——九九乘法表和金字塔_第7张图片

注意:用table标签排版更整齐

例题三:星形金字塔

        document.write("

") for(var i=1;i<=7;i++){ for(var j=1;j<=2*i-1;j++){ document.write("*"); } document.write("
"); } document.write("

");

运行结果: 

JS笔记2、switch、循环——九九乘法表和金字塔_第8张图片

拓展:倒三角

        for (var x = 1; x <=5; x++) {
            for (var y = 1; y < x; y++) {
                document.write(" ");
            }
            for (var z = x; z <= 5; z++) {
                document.write("* ");
            }
            document.write("
"); }

运行结果:

JS笔记2、switch、循环——九九乘法表和金字塔_第9张图片

你可能感兴趣的:(Javascript)