JavaScript 分支语句_循环语句及运算符概括

116 阅读2分钟

JavaScript 分支语句_循环语句及运算符概括

算术运算符

  • 加、减、乘、除、取模 (+, -, *, /, %)

  • 加号上下文

    • 如果+号左右只有一个值 解析的结果是正号 可用于隐式转换
    • 如果两边都是数值(Number)类型 则是+号运算符
    • +号的左右如果有一个数据是字符串数据类型的话 那么这个+号会被解析成连接符
  • 优先级

image.png

赋值运算符 (=)

  • 将等号右边的值赋予给左边, 要求左边必须是一个容器
  • 累加 +=

一元运算符

  • 一元运算符: 仅操作一个操作数. 比如: 正负号等

  • 自增自减运算符

    • 相同点

      • 不管是++或者-- 是在前还是在后,都是在原来的取值上自行增1或减1 类似于 => a += 1
    • 不同点

      • 符号前置 => 先加1 再使用 (快捷记忆: ++在前 先加)
      • 符号后置 => 先使用 再加1 (快捷记忆: ++在后, 后加)

逻辑运算符

  • 逻辑与 && 左边为false就短路
  • 逻辑或 || 左边为true就短路
  • 逻辑非 !

比较运算符

  • , < , >= , <= , == , === , != , !==

  • 重点介绍 等于和全等的区别, 推荐使用全等

  • 特殊说明

    • 如果是数字和"其他值"的比较 则其他值会自动转换成数字去比较
    • 涉及到"NAN"都是false (NaN)
    • 如果是"字符串"和"字符串"比较 则会比较每一个字符的ASCII码,同时是按位进行比较
    • 如果是布尔值参与比较 布尔值会转换成数字0和1

运算符优先级

image.png

程序三大流程控制语句

以前我们写的代码,写几句就从上往下执行几句,这种叫顺序结构

有的时候要根据条件选择执行代码,这种就叫分支结构

某段代码被重复执行,就叫循环结构

分支语句

分支语句可以让我们有选择性的执行想要的代码

分支语句包含:

if语句有三种使用:单分支、双分支、多分支

image.png 三元运算符: 符号:? 与 : 配合使用

image.png switch 语句

image.png

断点调试

  • 是为了演示循环语句的过程
  • debugger 关键字

循环语句

  • while循环

    • 语法

image.png

while必须有3要素;更适合使用在循环的次数不确定时候使用

  1. 变量的起始值

  2. 循环条件

  3. 变量变化