流程控制语句

(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循环针对于循环次数不明确的求循环的次数