循环结构

266 阅读2分钟

循环结构

一、while循环结构

语法:

while(条件语句){
    条件成立执行的代码
}   

例:输出1-10

// 那么既然是循环,咱们需要设定几个条件,首先是从哪开始,每完成一次要进行计数,完成多少次停止。
    var a = 1
    while (a <= 10) {
      document.write(a + '<br>')
      a++
    }
}

while循环结构的具体流程:

1、while循环需要我们在循环外就将变量声明好,在执行代码的过程中,一定要让变量进行变化,否则这个循环就会无休止的进行下去。

2、不会停止的循环叫做死循环,程序一直不会停止,cpu占用率越来越高,很容易造成系统崩溃。所以我们在写代码的时候一定避免写成死循环。

二、do while循环结构

do while 循环是while循环的变异体。

循环流程相似,唯一不同的地方在于do while循环会先执行一次,不管条件是否成立,先执行一次,后面的流程和while循环一样。

三、for循环结构

语法:

    for(声明变量并赋初始值(表达式1);条件表达式(表达式2);每重复一次后变量的变化规律(表达式3)){
         重复执行的代码块
    }
    
先执行表达式1,在执行表达式2,在执行代码块,最后执行表达式3

例:输出10句“我爱你”

for(var i = 1;i <= 10; i++){
    document.write("我爱你");
}

for循环中的初始值和变化可以省略或者不放在小括号里

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

执行流程是一样的,只是写法不一样。

在循环中,变量i的变化规律可以不是递增,也可以递减,也可以不是递增1。。。总而言之,变量i的变化规律可以自定义。

四、循环中的关键字

在循环有两个关键字可以改变循环执行的流程。

continue关键字,可以跳过当前这次的循环,进行下一循环周期。

for(var i = 1;i <= 5;i++){
    if(i == 3){
        continue; // 当i=3的时候,直接进行下一次的循环
    }
    document.write(i);
} 
// 最后结果是1245

break关键字,可终止循环,直接让整个循环结束运行。

for(var i = 1;i <= 5;i++){
	if(i == 3){
		break; // 当i=3的时候,直接结束整个循环的运行
	}
	document.write(i);
} 
// 最后结果是12

五、循环的嵌套

让一段重复执行代码重复执行。

例:输出9*9乘法表

    for (var a = 1; a <= 9; a++) {
      for (var b = 1; b <= a; b++) {
        document.write(b + 'x' + a + '=' + a * b + '&nbsp;&nbsp;&nbsp;')
        if (a * b < 10) {
          document.write('&nbsp;')
        }
      }
      document.write('<br>');
    }

六、debug调试工具的使用

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

调试步骤:

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

练习调试 :

// 3以内的数相加
var age = 10;
if (age >=18 ) {
    console.log('大');
} else {
    console.log('小');
}