15js学习第三天第1部分循环

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

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

    // 模拟 接力赛
    // for(var i=0;i<4;i++){
    //     // 开跑
    //     // 1
    //     // 继续
    //     // 2
    //     // 继续
    //     // 3
    //     // 继续
    //     // 4   结束
  

 // 02JavaScript的break和continue
    
    // 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);
    }
    

// 03JavaScript的for...in循环
    
    // **用于遍历对象的属性 多于用对象，数组等数据类型。**
    // for(prop in object){
    //     // prop:对象的属性
    //     // object:被遍历的对象
    // }

    // 数据类型：对象 {}
    var person={
        name:"曹杨",
        age:22
    }

    for(x in person){
        console.log(x,person[x]);
    }
 

// 04JavaScript的while循环
    
    // while循环  当什么什么的时候
    // 只要指定的条件为true,循环就可以一直执行代码   
    // while(条件){
    //     // 条件成立时执行的代码
    //     // 自增或自减
    // }
    
    var i=0;
    while (i<4) {
        // console.log(i,"接力赛继续");
        document.write("@@@@@<br/>")
        i++;
    }

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

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

// 06JavaScript使用循环打印图形

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

    // 执行次数
    // for (var i = 10; i > 0; i--) {
    //     document.write("@ @ @ @ @ @ @ @ @ @ <br/>")
    // }

    // 一行打印5次   打印5行
    // for (var j = 0; j < 5; j++) {
    //     // 打印5行
    //     for (var i = 0; i < 5; i++) {
    //         // 一行打印5次 
    //         document.write("@ ")
    //     }
    //     document.write("<br/>")
    // }

    // 三角形
    // for (var j = 0; j < 8; j++) {
    //     // 打印5行
    //     for (var i = 0; i < j+1; i++) {
    //         // 一行打印？次 
    //         document.write("@ ")
    //     }
    //     document.write("<br/>")
    // }

    // 平行四边形
    for (var j = 0; j < 8; j++) {
        // 打印5行
        for (var i = 0; i < j+1; i++) {
            // 一行打印？次 
            document.write("&nbsp;&nbsp;")
        }
        for (var k = 0; k < 8; k++) {
            // 一行打印？次 
            document.write("@ ")
        }
        document.write("<br/>")
    }
    // while打印倒三角形
    
    for(var m=0;m<8;m++){
        console.log(m+"*"+m+"="+m*m);
    }