程序三大流程
- 顺序执行:代码从上朝下执行
- 分支执行:判断语句
- 循环执行:循环语句
条件判断语句
if语句
-
单分支
if(条件){满足条件时执行的js代码} -
双分支
if(条件) { 满足条件时执行的js代码 } else { 不满足条件时执行这里的代码 } -
多分支语句
if(条件1) { 满足条件1时执行的js代码 } else if(条件2) { 满足条件2时执行的js代码 } else { 所有条件都不满足执行这里的js代码 }
案例:判断奇偶
案例:两个文本框比较最大数
通过该案例,掌握parseInt()、parseFloat()与Number()的区别
掌握通过算数运算,进行数字的隐式转换。例如:
var str = '10' var _str = str * 1 // 此时_str的值为10,数据类型为number
三元运算(双分支语句使用)
条件? 当条件成立执行这里的代码 : 当条件不成立执行这里的代码
var a = 20
var b = 50
var sum = a > b ? a-b : b-a
switch语句
switch(变量){
case 值1:
满足值1的情况执行这里的js代码;
break;
case 值2:
满足值2的情况执行这里的js代码;
break;
default:
以上条件都不满足的情况执行这里的js代码;
break;
}
-
switch语句比较值用的是全等于,值的内容及数据类型都要一样的情况下才会返回true
- 当符合条件时,会从符合条件的那一条case语句开始,依次顺序执行
- 当所有的case都不满足的情况下会执行defalut下面的语句
-
break 跳出switch语句。执行break后,后面的代码不会再执行
案例:显示当月的天数
条件存在范围
switch(true){
case 条件1:
js代码;
break;
case 条件2:
js代码;
break;
default:
js代码;
}
案例:成绩判定
循环语句
在给定条件成立时,反复执行某程序段,直到条件不成立为止。
循环结构三大要素
- 变量初始化
- 条件
- 变量更新
注意:编写条件时,要避免出现死循环。
while语句
变量初始化;
while(条件){
条件满足,执行这里的js代码;
变量更新;
}
do...while语句
与while语句的区别在于:不管三七二十一,先执行一次。
变量初始化;
do {
要执行的代码;
变量更新;
} while(条件)
for循环
for(变量初始化; 条件; 变量更新) {
要执行的代码;
}
案例:小王入职薪水10K,每年涨幅5%,10年后工资多少?这10年小王赚了多少钱
案例:打印出1000-2000年中所有的闰年,并以每行四个数的形式输出
案例:计算水仙花数
案例:计算阶乘,例如5!=12345;
循环嵌套
案例:九九乘法表
案例:生成表格
break、continue区别
-
break退出当前整个循环。- 循环体中位于break后的语句不会被执行
- 在多层循环嵌套中,一个break语句只向外跳一层循环
-
continue跳过本次循环,继续下一次循环。 -
break和continue后如果带标识,则跳出标识所在循环
wrap:for(var i=1;i<=4;i++){
inner:for(var j=1;j<=4;j++){
if(j == 3){
break wrap; // 跳出标识所在循环
}
console.log(i,j);
}
}
\