JS常用流程控制语句简介

在JS中,流程控制语句是非常重要的,基本功能是条件判断和循环操作。

一、if语句

  • if语句介绍
    if语句是编程中最常用的语句,通过对条件判断的结果而选择执行相应的代码,执行的代码最好用{}包裹成代码块;
  • if语句的语法
    if语句语法
  • 执行原理
    if后面的()填写是一个条件,例如可以是1<01=='1'之类的判断表达式,也可以是'1'0这样单个数字的表达式,它都会调用Boolean()方法将其转化为布尔值true或者false,然后针对布尔值执行相应代码,如下例子:
    JS常用流程控制语句简介_第1张图片
    if语句例子
  • if语句判断多个条件
    if语句可以对多个条件进行判断,每个条件要有一个if语句进行表达,可以是if...else..这样的形式,如下图:
    JS常用流程控制语句简介_第2张图片
    多条件判断

二、switch...case语句

  • switch语句介绍
    switch语句与if语句类似,也是进行条件判断的语句,不同的是它们的写法。
  • switch语句语法
    JS常用流程控制语句简介_第3张图片
    switch语句语法

    例子:
    JS常用流程控制语句简介_第4张图片
    switch语句例子
  • switch语句中的break
    在switch语句中,break顾名思义,就是若该条件符合时,直接执行相应代码,然后结束判断,如果没有break,则会在判断在判断条件达成执行相应代码后,继续对后续条件进行判断,如下图的对比能说明问题:
    加了break:
    JS常用流程控制语句简介_第5张图片
    有break

    未加break:
    JS常用流程控制语句简介_第6张图片
    没有break
  • if语句与switch语句之间的相互转换
    JS常用流程控制语句简介_第7张图片
    if语句与switch语句的对比

三、while循环与do-while循环

  • while循环语句介绍
    while循环语句是一种先进行条件判断,结果转化为布尔值为true时,再执行相应代码,再进行判断,再执行代码的语句;
  • while循环语句语法
    while循环语法
  • 使用while循环要注意的地方
    使用while循环一定要有循环结束的语句,否则是死循环,比如下面这个就是死循环,它的条件判断始终为true,代码始终会被执行,无法结束:
    死循环

    可以改成以下代码:
  • do-while循环介绍
    do-while循环与while循环类似,都是循环语句,不同点在于,while循环是先进行条件判定,判定为true时执行,do-while循环是先执行一次代码(无论条件是true或者false)再进行条件判定,为true时会继续执行,为false则立即停止;
  • do-while循环语法
    do-while循环语句语法

    例子:
    JS常用流程控制语句简介_第8张图片
    do-while循环例子

PS:与while循环一样,do-while循环也要有能结束循环的语句,否则就是死循环;

四、for循环与for-in循环

  • for循环简介
    for循环与while循环类似,都是循环语句,但是写法有所不同
  • for循环语法
    for循环语法
  • for循环与while循环的相互转化
    JS常用流程控制语句简介_第9张图片
    for循环与while循环之间的转化
  • for循环的用处
    常用于枚举出数组内的值,如下例子:
    JS常用流程控制语句简介_第10张图片
  • for-in循环
    for-in循环常用于枚举对象内属性的值,如下:
    JS常用流程控制语句简介_第11张图片
    for-in循环枚举对象内属性的值

五、break与continue语句

  • break语句简介
    break语句用于退出循环体,执行循环体后面的语句,例子:
    JS常用流程控制语句简介_第12张图片
    break
  • continue语句简介
    continue用于退出该次循环,执行下次循环,例子:
    JS常用流程控制语句简介_第13张图片
    continue

六、label语句(不常用,制作简单介绍)

  • label语句作用
    label语句用于给代码添加标签,方便以后再用;
  • label语句语法
    labelname: statement;
    例子:
    a: 1

你可能感兴趣的:(JS常用流程控制语句简介)