js流程控制语句

流程控制语句

• 主要用于控制代码执行的顺序
• 流程控制就是指令
• 编程语言即人与计算机进行交流的语言

三种流程控制结构

1.默认流程结构

• 代码逐行执行，从左到右，从上到下。

2.分支流程结构

• 选择性执行

3.循环流程结构

• 重复执行

输入对话框

prompt()为用户提供一个输入对话框，用户可以在输入框中输入内容并且点击确定（Enter），程序可以接受输入的内容

prompt(提示信息，默认值);

注意

• 提示信息和默认值若是字符串需要用引号引起来，两个值可以只有提示信息

• 输入框上有两个按钮
  a. 确认
  获取默认值或用户输入的值，获取的数据类型为string。(主要是在运用中注意有可能需要将得到的结果转化为数字类型)
  b. 取消
  得到null，为object类型。

• 主要用于通过用户输入的值，进行条件判断

<script>
    var result = prompt("请输入您的年龄",10);
    console.log(result, typeof result);
    if (result < 18) {
        console.log("未成年")
    }else if(result < 30){
        console.log("该结婚了")
    }else if (result < 50) {
        console.log("壮年，继续奋斗")
    }else {
        console.log("该享福了")
    }

//    单击确定 显示默认值或用户输入的值 ，string类型
//    当删掉所有内容 单击确定 显示为string类型 ，执行的是小于18的语句？？？
//    单击取消 得到null, 为object 类型
</script>

一、条件语句

1.单分支语句

• 只用于一种选择的判断

if（条件语句）{
执行的语句;
}

if语句描述为 如果……那么……

注意事项

a.条件语句,可以是表达式也可以是单个值

• 如果给定单个值时，表示判断这个值是否存在，会默认转换为布尔类型boolean,true就执行，false就不执行

b.语句，可以是单条语句或者多条语句。

• 每一条语句都是以分号结尾
• 多条语句一般称为代码块，使用花括号{}括起来
• 如果是单条语句，可以不写{}，但是不推荐
  -此时的单条语句相当于绑定在if条件上，满足条件就执行
• 推荐都使用花括号括起来

2.双分支条件语句

if(条件语句){
条件成立时，执行该语句;
}else{
条件不成立时，执行该语句;
}

3.多分支条件语句

多选一

if(条件a) {
a语句；
}else if(条件b) {
b语句；
}else if(条件c) {
c语句；
}else {
d语句；
}

注意

• 程序有执行的顺序，需要将条件最苛刻的放在最上边。防止有交叉的数据出现判定出错

• 最后的else选项可以不写

4.多分支语句 switch

switch( 状态值 ) {
case 值1:
执行条件1的代码块；
break;
case 值2:
执行条件2的代码块；
break;
default:
以上条件都不满足时，执行此处代码；
}

状态值：变量

注意

• switch……case中的状态值和case中给定的值，既要意义一样，数据类型也要一样(必须全等于)
• break的作用防止穿透，终止后面代码的执行，所以必须加上break
• default 可以写在switch语句里任何位置，表示默认值，表示所有条件状态都不满足时，执行的代码块。是一个可选项。
• 除了放在最后的位置不加break;其他都得加break;

与if条件语句对比

• if...else if...else可以使用在表示一个范围或一个具体值
• switch语句只能用于具体的值

终止循环语句

此处说到break，还有一个continue，注意区分两者的不同。

1.break

跳出循环，遇到break，就等于结束循环。

2.continue

终止本次循环，进行下一次循环，相当于这次就到这，继续下一次。

二、循环语句

for循环

1.为什么要使用循环

• 减少代码的冗余（重复的代码）
• 方便后期的维护以及修改

2.循环的四要素

• 初始循环变量，并赋值var i = 0
• 循环条件 i <= 10
• 更新循环变量(布长) i+=1
• 循环体，重复执行的代码

3.for循环语法

for(循环初始变量；循环条件；更新循环变量) {
循环体（只有条件满足时才执行此处的代码）
}

4.执行过程

• 第一次,初始变量，并进行一个循环条件的定
  • 满足，执行循环，执行第二步操作
  • 不满足，不执行循环
• 第二步,执行代码
• 第三步，更新变量的值
• 第四步，再判定

5.for循环注意事项

• 循环条件
  a. 如果条件为真时，执行响应循环，条件为假时不执行循环

• 循环变量
  a.初始变量为最小值时，更新变量，使用自增
  b.初始变量为最大值时，更新变量，使用自减
  c.更新变量可以是任何步长值，i++,i+=2（赋值运算操作）
  d.初始变量中需要声明,使用var 或let

while循环

初始循环变量；
while(循环条件){
循环体；
更新循环变量；
}

do while循环

初始循环变量；
do {
循环体;
更新循环变量；
} while(条件表达式);

do...while循环语句与while类似，在对条件表达式求值之前，循环体内的代码至少会被执行一次。

总结

• for
• do...while

死循环

只要循环条件永远为真，就能产生死循环

如以下情况
- 在循环中，循环条件没有时
- 在循环中，没有更新循环变量
- 在循环中，什么都没给，只有两个分号

• 尽量不要在项目中使用死循环
• 主要用于一些随机遍历，随机循环的数据中，如随机循环数字，在指定的条件下进行终止操作（能被3整除）

浏览器打断点

在控制台中，sources，找到指定代码，点击代码行号，进行断点标记，再次刷新页面

写循环语句时，非常有用的工具。

嵌套循环

表示在循环体中再次嵌套循环

双层for循环

for( ) {
for( ) {...}
}

理解

• 外层for循环，相当于表格中的行
• 内层for循环，相当于表格中的列