JavaScript - Day03 - 循环结构

 一、循环初体验

1.含义：循环结构的意义就是让代码重复执行，比如：操场跑圈

二、while循环结构  

1.语法：while(条件表达式){

                        条件是true的时候要重复执行的代码段

              }

2.输出小于999遍我爱你

var a = 0
while(a < 999) {
    document.write('我爱你<br>');
    a++
}  

// 死循环
while(true) {
    document.write('我爱你<br>');
}

三、do while循环结构 是 while循环结构的变异体

1.语法：do{

                       代码段-----第一次执行，然后判断条件，条件为true再次执行，条件为false结束

              }while(条件)

//当a>10时，输出666
var a = 1;
do{
    console.log(666);
}while(a>10)


//让用户输入一个字符，显示在body中，输入的字符如果不是s，就再次执行，输入的是s，就停止输入
do{
    var a = prompt('输入一个字符： ')
    document.write(a)
}while(a != 's')

四、for循环结构

1.语法：for(声明变量并赋初始值；条件表达式；每重复一次后变量的变化规律){

                       条件为true时重复执行的代码段

              }

for(var a = 1; a <= 5; a++) {
    document.write('我爱你<br>');
}
// 其中：初始值执行了一次，条件判断了6次，变化了5次，大括号执行了5次

2.for循环中的初始值和变化可以不放在小括号中

var  i = 1;
for(;i <= 5;){
    document.write(i);
    i++;
}

五、循环嵌套

//十乘十表格
    document.write('<table border=1 width=500 height=500 cellspacing=0>');
    for(var a = 1; a <= 10; a++){
        document.write('<tr>');
            for(var b = 1; b <= 10; b++){
                document.write('<td>');
                    document.write(b+(a-1)*10);
                document.write('</td>');
            }
        document.write('</tr>');
    }
    document.write('</table>');

//表格九九乘法表
    document.write('<table border=1 width=500 height=500 cellspacing=0>');
    for(var a = 1; a <= 9; a++){
        document.write('<tr>');
            for(var b = 1; b <= a; b++){
                document.write('<td>');
                    document.write(b+'*'+a+'='+a*b)
                document.write('</td>');
            }
        document.write('</tr>');
    }
    document.write('</table>');


//去表格九九乘法表
    for(var a = 1; a <= 9; a++){
        document.write('<tr>');
            for(var b = 1; b <= a; b++){
                document.write('<td>');
                    document.write(b+'*'+a+'='+a*b)
                    document.write("&nbsp;&nbsp;&nbsp;")
                document.write('</td>');
            }document.write('<br>')
        document.write('</tr>');
    }

六、break关键字

        break是循环中的一个关键字------结束整个循环

//当a全等于6时结束整个循环----while循环写法 
var a = 1
while(true) {
    console.log(a);
    a++
    if(a === 6) {
        break
    }
}

//当a全等于8时结束整个循环----for循环写法
for(var a = 1; a <= 20; a++) {
    console.log(a);
    if(a === 8) {
        break
    }
}

七、continue关键字

        continue是循环中的一个关键字------停止这次循环，继续下一次循环

//当a全等于4时停止本次循环，继续进行5及5以后的循环
for(var a = 1; a <= 20; a++) {
    if(a === 4) {
        continue
    }
    console.log(a);
}

八、debug调试工具的使用

        断点调试是指自己在程序的某一行设置一个断点，调试时，程序运行到这一行就会停住，然后你可以一步一步往下调试，调试过程中可以看各个变量当前的值，出错的话，调试到出错的代码行即显示错误，停下。

调试步骤：浏览器中按F12-->sources-->在network选项中找到需要调试的文件打开-->在程序代码的某一行设置断点