JavaScript的循环

JavaScript的循环

循环是将代码执行指定的次数

1.for循环

// for循环

for(语句1;语句2;语句3){
// 执行的代码
 }
 
 // 语句1：条件的变量的初始值(代码执行前执行)只执行一次
 // 语句2：循环条件
 // 语句3：循环(代码块)已被执行后执行的代码(通常是自增或自减)

for (var i = 0; i < 4; i++) {
        // console.log(i,"执行的代码")
        document.write("☆☆☆☆☆<br/>")
    }

break
跳出循环 ,终止

for(var i=0;i<10;i++){
    if(i==5){
        break;//终止循环
    }
    console.log(i);
    }

continue
跳过循环中的某一步,不终止循环

var j;

    for(j=10;j>0;j--){
        if(j==5){
            continue;//跳过当前循环
        }
        console.log(j);
    }

for…in循环
用来遍历对象(数组)的属性(多于用对象，数组等数据类型)

for(prop in object){
    // prop:对象的属性
    // object:被遍历的对象
    }

2.while循环
只要指定的条件为true,循环就可以一直执行代码

while(条件){
    // 条件成立时执行的代码
    // 自增或自减
    }

var i=0;
    while (i<4) {
        // console.log(i,"接力赛继续");
        document.write("@@@@@<br/>")
        i++;
    }

do…while循环

var i=10;
    do{
        console.log(i,"接力赛继续");
        // document.write("@@@@@<br/>")
        i++;
    }while(i<4);

• while循环先判断后执行
• do…while循环是先执行后判断

JavaScript使用循环打印图形
1.打印正方形

for (var i = 0; i < 10; i++) {
     document.write("@ @ @ @ @ @ @ @ @ @ <br/>")
 }

var x=0;
    while(x<10){
        var y=0;
        while(y<10){
            document.write("☆");
            y++;
        }
        document.write("<br/>");
        x++;
    }

2.打印三角形

// 正立三角形
    // 打印10行
    for (var j = 0; j < 10; j++) {
        // 一行打印10个 @
        for (var i = 0; i < j+1; i++) {
            document.write("@");
        }
        document.write("<br/>");
    }

// 倒立三角形
    for (var j = 0; j < 10; j++) {
        // 一行打印10个 @
        for (var i = j; i < 10; i++) {
            document.write("@");
        }
        document.write("<br/>");
    }

// while 打印倒立三角形
    // 打印几行
    var a=8;
    while (a>0) {
        // 一行打印次数
        var d=0
        while (d<=a-1){
            document.write("@") 
            d++
        }
        document.write("</br>")
        a--;
    }

第一个for循环同样是决定打印多少行，第二个for循环同样是决定每一行打印多少次

3.打印平行四边形

    // 利用空格在矩形前面打印空白的三角形
    for (var j = 0; j < 10; j++) {
        // 打印前面的三角形(空白)
        for (var k = 0; k < j; k++) {
            document.write("&nbsp;&nbsp;&nbsp;");
        }
        // 一行打印10个☆
        for (var i = 0; i < 10; i++) {
            document.write("☆  ");
        }
        document.write("<br/>");
    }

将三角形和矩形结合起来，然后在矩形的前面打印看不到的三角形

JavaScript的循环断点
1.使用
F12 Sources(源代码)
2.作用
调试代码