js第二天

1.流程控制
1.1顺序结构

1.2分支结构

1.3循环结构

2.分支结构

1. 单独的if语句

//语法if (条件){
//只有当条件为 true 时执行的代码
}
var age = 8;if(age < 12) {
console.log(“不准玩王者荣耀”);
}

2. if-else语句

if (条件){
//当条件为 true 时执行的代码
} else {
//当条件不为 true 时执行的代码
}
var age = 8;if(age < 12) {
console.log(“不准玩王者荣耀”);
}else {
console.log(“可以玩王者荣耀”);
}

3. if-else-if-else语句

if (条件 1){
//当条件 1 为 true 时执行的代码
} else if (条件 2) {
//当条件 2 为 true 时执行的代码
} else {
//当条件 1 和 条件 2 都不为 true 时执行的代码
}
var age = 8;if(age < 12) {
console.log(“不准玩王者荣耀”);
}else if(age < 18){
console.log(“可以玩王者荣耀2个小时”);
}else {
console.log(“可以玩王者荣耀一天”);
}

2.三元运算符

用法1：var 结果 = 判断条件 ? 值1 ： 值2
如果判断条件为true， 结果就是值1， 如果为false， 结果就是 值2

3.switch语句
witch (变量) {
case 值1:
语句1;
break;
case 值2:
语句2;
break;
case 值3:
语句3;
break;
…
default:
默认语句;
break;
}
注意：
break可以省略，如果省略，代码会继续执行下一个case
switch 语句在比较值时使用的是全等操作符, 因此不会发生类型转换（例如，字符串’10’ 不等于数值 10）

4.使用场景
如果是范围性的判断，使用if…else会更加方便
如果是对具体值的判断，使用switch…case语句会更加方便，当然用if…else也是可以的。
如果if…else比较简单，可以使用三元运算符进行替代。

4.循环结构
4.1 while循环

While循环语法：
//当循环条件为true时，执行循环体，//当循环条件为false时，结束循环。while(循环条件){
//循环体：需要循环执行的语句
}

4.2 do-while循环
do…while循环和while循环非常像，二者经常可以相互替代，但是do…while的特点是不管条件成不成立，都会执行一次

do-while循环语法：
do{
//循环体;
}while(循环条件);

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

调试步骤：
浏览器中按F12–>sources–>找到需要调试的文件–>在程序的某一行设置断点

操作：
Watch:监视，通过watch可以监视变量的值的变化，非常的常用。
F10:程序单步执行，让程序一行一行的执行，这个时候，观察watch中变量的值的变化。
F8：跳到下一个断点处，如果后面没有断点了，则程序执行结束。
4.4. for循环（重点）
for循环语法：
//1. for循环使用分号分隔//2. for循环有2个分号，两个分号不能少
for(初始化语句;判断语句;自增语句){
//循环体
}
执行顺序：1243 ---- 243 -----243(直到循环条件变成false)
1.初始化语句
2.判断语句
3.自增或者自减
4.循环体
4.5. break和continue
break:立即跳出整个循环，即循环结束，开始执行循环后面的内容（直接跳到大括号）
continue:立即跳出当前循环，继续下一次循环（跳到i++的地方）
思考：
//1. 找到1-100之间第一个能被7整除的数//2. 打印1-10之间所有的数，除了5这个数
思考1：
//输出结果是什么？for(var i = 1; i <=10; i++) {
if(i == 5){
continue;
}
if(i == 7){
break;
}
console.log(i);
}
思考2：
//1. 求1-100之间不能被7整除的整数的和（用continue）//2. 求200-300之间所有的奇数的和（用continue）//3. 求200-300之间第一个能被7整数的数（break）
4.6. 总结
1.循环有很多种，但是以后用得最多的是for循环
2.当不明确循环次数的时候，可以使用while循环
3.当无论如何都要执行一次代码的时候，可以使用do…while循环。
4.循环可以相互替代。