js流程控制

本文详细介绍了编程中的流程控制结构,包括顺序结构、分支(if、if-else、多分支和switch)以及三元表达式。通过实例展示了如何根据条件执行不同的代码路径,帮助理解程序执行顺序及其在条件判断中的应用。
摘要由CSDN通过智能技术生成

就是控制代码按照什么顺序来执行

流程控制主要有三种结构,分别是  :顺序结构  if分支语句  循环语句

1.顺序结构 
没有特定语法结构程序会按照代码的先后顺序
2.分支流程控制
   根据不同的条件,执行不同的路径代码(执行代码多选一的过程),从而得到不同的结果

2.1 if分支语句
if  如果的意思

if (条件表达式){


  //条件成立则执行语句
}

语句可以理解为一个行为,
循环和分支是典型的语句,一个程序由很多语句组成

执行思路 :  如果if里面的条件为真,true
 则执行大括号里面的
如果条件表达式结果为假 则不执行大括号里面的语句,则执行if语句后面的代码

代码体验 

var age = prompt('请输入你的年龄')
        if (age >= 18) {
            alert('带你装逼带你飞!')
        }


if else双分支语句
语法结构  if如果  else否则
if (条件表达式) {
//执行语句1
}    else {
   //执行语句2
}

2.执行思路  如果条件表达式结果为真 那么执行语句1 否则   执行语句2

例如:

var age = prompt('请输入你的年龄')
        if (age >= 18) {
            alert('带你装逼带你飞!')
        } else {
            alert('回家玩泥巴去吧')
        }

注意!
 if里面的语句1和else里面的语句2 最终只有一个语句能执行 
else 后面直接跟大括号

多分支语句
就是利用多个语句选择不同的语句执行,得到不同的结果,多选1的过程

语法结构

if (条件表达式) {

//执行语句1

}    else   if   (条件表达式2){

   //执行语句2

}  else   if   (条件表达式3){

   //执行语句3

}


执行思路:

如果条件表达式1 满足就执行 语句1  执行完毕后,退出整个uf语句分支
如果条件表达式1 不满足,则判断表达式2,满足的话,则执行语句2

如果都不满足,则执行else


三元表达式

由三元运算符组成的表达式称为三元表达式

语法结构
条件表达式(类似于是一个条件) ?  表达式1 : 表达式2

执行思路  
如果条件表达式结果为真 则返回表达式1的值,反之,则返回2的

注意!
如果三元表达式成立或者不成立的时候,给的是值,那么这个就是返回值

如果三元表达式 成立与否 给的是要执行的代码  那么返回值是 undefined

三元表达式案例 之 数字补0案例

<script>
        var time = prompt('请您输入一个0-59的数字')
        // 三元表达式
        // 这个时候用三元表达式比较方便,如果用户输入的数值小于10,
        // 就在数字前面加0 的字符串,如果大于就正常显示 ,并赋值输出。
        var str = time < 10 ? '0' + time : time
        alert(str)
    </script>


swith分支语句


语法结构是:\

 一般只做值(要全等)的判断,不做范围的判断
 
如果case 值 满足的条件  但是没有break 呢么会继续执行下一个case的代码,不需要做判断,直到遇到了有break的值。

switch (值){

case 值 :
要执行的代码部分
break;

...

default:
执行最后的语句
}

例如


    <!-- 用户输入不同的时间段显示不同的提示 -->
    <script>
        var age = prompt('请输入时间');
        switch (age) {

            case '12':
                alert('中午好');
                break;

            case '18':
                alert('傍晚好');
                break;

            case '23':
                alert('晚上好');
                break;

            default:
                alert('自己去看时间!');
        }

    </script>


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值