循环结构
一、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 + ' ')
if (a * b < 10) {
document.write(' ')
}
}
document.write('<br>');
}
六、debug调试工具的使用
断点调试是指自己在程序的某一行设置一个断点,调试时,程序运行到这一行就会停住,然后你可以一步一步往下调试,调试过程中可以看各个变量当前的值,出错的话,调试到出错的代码行即显示错误,停下。
调试步骤:
浏览器中按F12-->sources-->在network选项中找到需要调试的文件打开-->在程序代码的某一行设置断点
练习调试 :
// 3以内的数相加
var age = 10;
if (age >=18 ) {
console.log('大');
} else {
console.log('小');
}