流程控制
流程控制
三种结构
- 顺序结构:大部分代码都是顺序结构,按照顺序来执行, 这本来就是一种流程,也是使用最广泛、最常见的顺序结构
- 分支结构:if, switch
- 循环结构: for, while
if 语句
var year = prompt('请输入一个年份');
if(parseInt(year)%4==0 & parseInt(year)% 100 != 0 || year % 400 == 0){
alert('这是闰年!');
}else{
alert('这是平年!');
};
1. 没有用双等号;为啥要用双等号?
- = 表示赋值, 将值赋值给变量
- == 表示两边的值相等;先转换类型,然后对比
- === 恒等于;直接对比,如果类型不同,直接返回不相同;
2. 没有仔细分析题目,漏了 || 之后的代码;
多分支语句 if- elseif: 多选一
如果有3 个判断语句,只要有一个满足,执行相应的语句后,if-elseif 整个语句结束,不会继续判断;如果都不满足,执行最后的 else;
不管多少个语句,只会执行其中的一个,这就是多选一;
if (){
} else if {
} else if {
} else {
}
三元表达式
语法:条件表达式 ? 结果1:结果2
执行思路:
if(条件表达式){
结果1;
} else{
结果2;
};
result = 5 > 3 ? 'yes' : 'no'
练习:
result = num > 10 ? num : '0' + num
SWITCH 语句
- 多选一;
- 全等关系; ===; 如果类型不同,匹配失败;
- break 必写,否则会继续执行switch 之后的case,直到遇到break 或者遇到 default 为止;
switch(2){
case 1:
console.log('1');
break; //退出整个switch
case 2:
console.log('3');
break;
default:
console.log('没有匹配结果');
}
switch & if-elseif
- 可以相互替换
- switch 判断确定的值;if-elseif 判断值的范围
- 分支较少,if-elseif 的效率较高;分支较多,switch 的结构清晰;
- 执行效率:老师说switch的高,但是我觉得其实两个都一样,执行的时候,需要逐个条件判断,直到符合那个条件的。
循环的目的:重复执行某些代码;
- for 循环
- while 循环
- do while
循环语句:循环体 + 终止条件
执行过程:i ++ 最后执行,执行完循环体之后,才会执行 i++;
i = index 的缩写;
for(var i < 0; i < 100; i ++){
// 循环体
};
For 循环
for 循环可以重复执行不同代码:代码每次执行时,计数器代码 i 的值每次循环都不一样,只要将代码与 i 关联起来即可;
在for 循环内部,嵌套if 分支语句;
for (var i = 0; i < 100; i ++){
if(i ==1){
console.log('出生了,今年 1 岁了;');
} else if( i ==100){
console.log('死了,今年 100 岁了;');
}else{
console.log('这个人今年' + i + '岁了。');
};
};
断点调试
- 目的:查看代码的运行过程,代码运行的先后;
- 控制台 - Source - 找到对应的代码文件,点击代码行号,点击下一步;
- watch 监控变量值的变化;
题目:求 1-100之间整数累加的和
var sum = 0;
for(var i = 1; i <= 100; i ++){
//sum = sum + 1;
sum += i;
};
代码1:
for( var i = 1; i < 5; i ++){
console.log('星星');
};
代码2:
var str = '';
for var i = 1; i < 5; i ++){
str += '星星';
};
console.log(str);
区别:以上2 段代码都是打印星星,但是两个的效果不一样;代码1 将 在同一个位置打印五次,所以看到的结果是显示 5个星星叠加,看起来就是一个星星;代码2通过追加字符串的方式,打印了5 次,最后一次 5 个星星,且5 个星星依次排列,不像代码1 那样重叠;最后显示的 第5次的打印结果
分析过程、思路比写代码更重要;分析、梳理出思路之后,再写代码
while 循环
var num = 0; 初始化变量
while( 条件表达式){
//循环体;
//操作表达式: 更新计数器,防止死循环;
num ++;
};
计数器: 初始化变量 num;
计数器 + 操作表达式
do - while 循环体 (至少执行一次循环体)
先执行一次循环体,然后再判断条件,如果满足继续循环;否则退出循环;
do{
//循环体;
// 操作表达式
i ++;
} while (//条件表达式);
continue & break
continue : 跳出本次循环,继续下次(剩余)循环;直接跳到 操作表达式 i++ , 继续下次循环;
break: 结束整个循环,不再继续循环