三大结构
顺序结构
选择结构(分支)
循环结构
1 选择结构
a.if语句–语法结构
if(条件){
code..
}
如果满足if后面的条件 就执行 括号里面的代码
b.if…else–语法结构
if(条件){
code1…
}else{
code2…
}
如果if里面的条件成立 执行code1 如果不成立 执行code2
c. if...else if...else if...else --语法结构
if(条件1){
code1
}else if(条件2){
code2
}...
else if(条件n){
code-n
}else{
如果上面都不满足执行这里
}
先执行条件1 如果满足执行code1 再执行条件2 如果满足就执行code2 不满足就一只判断下去
直到最后一个else
switch语句--语法结构:
switch(状态值){
case 状态值1:
code..1
break;
case 状态值2:
code..2
break;
case 状态值N:
code..3
break;
default:
code..4
break;
//(放在最后面可以省略,放在前面不可以省略)
}
switch执行原理:用switch括号里面的 结果和 case后面的做比对 如果一样,就执行对应case后面的代码
总结:能够看懂和听懂老师讲的代码?但是自己写的时候就没思路?
1) 拿到了需求
a. 判断用qq的长度
b. 判断qq是不是数字
c. 判断密码的长度
d. 判断是否可以登录
2) 把需求拆分
判断QQ的长度
1.得到QQ号 —-> input–> input.value –> qq
2.得到QQ号长度 –> .length 属性
3.拿长度去比对 —> === if
判断qq是不是数字 ---> NaN --> isNaN(搜索)
判断是否可以登录
拿到正确的qq 和 密码 和 用户输入的对比
编程:如果没办法用js去实现某个功能
用中文或者英文把 思路(步骤)写下来
2 循环结构
单曲循环—> 让某段代码重复执行
1).for循环语句格式
for(初始化表达式;条件表达式;条件改变表达式){
循环体:需要被循环的代码
}
2).while循环语句格式
while(条件){
循环体;
}
当条件满足的时候,就去循环括号里面的内容
3).do...while循环语句
语法结构:
do{
循环体
}while(条件表达式);
总结: while循环和do-while循环的区别:
while循环是先判断再执行循环体, 循环体执行的次数 >=0
do-while循环 先去执行循环体,再去判断条件, 循环体执行次数 >=1
3).break,continue
break 跳出当前循环
continue 跳出本次循环 继续下次循环
4)循环嵌套
循环中有循环
for(var i=0;i<=9;i++){
//循环体--->可以是任意代码
for(var j=0;j<=9;j++){
循环体--->可以再写循环
}
}
注意:不要超过3层循环
思维导图工具:
http://naotu.baidu.com/ web
https://www.xmind.cn/download/ 桌面