流程控制语句
(1)顺序语句 自上向下
(2)分支语句:
a) if语句
使用语法1:if(关系表达式){要执行的代码}
关系表达式:
能够计算出一个真或者假的表达式
执行流程:当关系表达式为true时就执行{}内部的代码
当关系表达式为false时就不执行{}里面的
使用语法2:if(){}else{}
执行流程:
当关系表达式为true时就执行if后{}内部的代码
当关系表达式为false时就执行else{}里面的
输入框:prompt(请输入....) 只要是输入框输出来的都是string
使用语法3:if(){} else if(){}else if(){}…else{}
执行流程:
从上往下进行条件判断,满足那个条件执行对应的代码,后面代码就不会执行
if多分支一般针对范围进行比较
switch一般针对指定范围进行比较
第三天 switch结构、循环结构
内容: switch结构,
循环结构:while do…while for循环
1、switch语句
switch 条件分支结构也是条件判断语句的一种是对于某一个变量的判断;
执行流程:
拿着switch后的表达式和case后的表达式进行匹配(全等匹配)
匹配成功,执行对应case后的代码块,依次向下,遇到break中止,
匹配不成功走default语句
注意点:
switch后的表达式一般是一个变量,case后的表达式一般是一个常量(不会变的量)
语法:
switch (表达式) {
case 情况1:
情况1要执行的代码
break
case 情况2:
情况2要执行的代码
break
case情况3:
情况3要执行的代码
break
default:
上述情况都不满足的时候执行的代码
}
要判断某一个变量等于某一个值得时候使用
例子:根据变量给出的数字显示是星期几
<script>
var week = 1
switch (week) {
case 1:
alert('星期一')
break
case 2:
alert('星期二')
break
case 3:
alert('星期三')
break
case 4:
alert('星期四')
break
case 5:
alert('星期五')
break
case 6:
alert('星期六')
break
case 7:
alert('星期日')
break
default:
alert('请输入一个1~7之间的数字')
}
</script>
2、循环结构
循环结构,就是根据某些给出的条件,重复的执行同一段代码
循环必须要有某些固定的内容组成
1.初始化
2.条件判断
3.要执行的代码
4.自身改变
1)WHILE 循环
while中文叫当…时,其实就是当条件满足时就执行代码,一旦不满足了就不执行了
语法while (条件) { 满足条件就执行 }
执行流程:先进行初始化语句
在进行条件判断
true-------执行{}内的代码
-------->初始值发生变化在进行条件判断
true-------执行{}内的代码
false-------出循环,不执行{}内的代码,执行{}下边的代码
false-------出循环,不执行{}内的代码,执行{}下边的
因为满足条件就执行,所以我们写的时候一定要注意,就是设定一个边界值,不然就一直循环下去了
<script>
//1、初始化条件
var num = 0;
//2、条件判断
while (num < 10) {
// 3. 要执行的代码
console.log('当前的 num 的值是 ' + num)
// 4. 自身改变
num = num + 1
}
</script>
如果没有自身改变,那么就会一直循环不停了
2)DO WHILE 循环
是一个和while循环类似的循环
while会先进行条件判断,满足就执行,不满足直接就不执行了
但是do while循环是,
执行顺序:先不管条件,先执行一回,然后在开始进行条件判断
语法:do { 要执行的代码 }while (条件)
<script>
// 下面这个代码,条件一开始就不满足,但是依旧会执行一次 do 后面 {} 内部的代码
var num = 10
do {
console.log('我执行了一次')
num = num + 1
}
while (num < 10)
</script>
3)FOR 循环
和while和do while循环都不太一样的一种循环结构
道理是和其他两种一样的,都是循环执行代码的
语法:for (var i = 0; i < 10; i++) { 要执行的代码 }
执行顺序:1、先走初始化语句,
2、进行条件判断
true---->执行{}循环体—>变量更新---->条件判断—>true—
false—终止循环
false---->终止循环
<script>
// 把初始化,条件判断,变量更新,写在了一起
for (var i = 1; i <= 10; i++) {
// 这里写的是要执行的代码
console.log(i)}
// 控制台会依次输出 1 ~ 10
</script>
这个只是看起来不舒服,但是用起来比较好用
区别:
dowhile循环与while循环的区别:dowhile循环至少走一次循环体,while循环需要进行条件判断,满足了才走
for循环和while循环的区别for循环对于次数比较明确的,while循环针对于循环次数不明确的求循环的次数