JavaScript 运算符 赋值运算符 逻辑运算符 一元运算符 比较运算符 和 分支语句 switch语句 while循环 等运用场景和分析说明

127 阅读2分钟

JavaScript 运算符 赋值运算符 逻辑运算符 一元运算符 比较运算符 和 分支语句 switch语句 while循环 等运用场景和分析说明

运算符

赋值运算符 =

  • 将等号右边的赋值给左边 , 要求左边必须是一个容器 image.png
  • 例子 a+3 = a+=3
  • += -= *= /= %=

一元运算符 ++

  • 自增 ++1 1++

image.png

-
-   1 ++ 在后面的话 先不运算
  • 自减 --1

  • 使用场景: 经常用于计数来使用。 比如进行10次操作,用它来计算进行了多少次了

运算符

    • 求和
    • 求差
    • 求积
  • / 求商

  • %

    • 取模 (取余数)

image.png - 使用场景 判断是否能被整除

比较运算符

image.png

  • 作用: 比较两个数据大小.是否相等
    • 比较运算符返回的结果只有2个, true 或者 false
  • == 只判断数值,不匹配类型 不够严谨 5=='5' 返回结果是 true 在开发中更喜欢用严谨的 5==='5 ',可以匹配数值和数据类型

逻辑运算符

  • && 并且
  • || 或者
  • ! 取反
  • 布尔值 空值 : 0 undefined null NaN image.png
  • 短路:只存在于 && 和 || 中,当满足一定条件会让右边代码不执行 通过左边能得到整个式子的结果,因此没必要再判断右边

image.png

运算符的优先级

image.png

语句

表达式语和语句

  • 表达式是一组代码的集合,JavaScript解释器会将其计算出一个结果
  • js 整句或命令,js 语句是以分号结束(可以省略)

分支语句

  • 顺序结构

    • 自上而下
  • 分支结构

    • 根据条件选择执行代码 产生分支结构

      • if分支语句

        • 单支

image.png

  • 括号内的条件为true时,进入大括号里执行代码 小括号内的结果若不是布尔类型时,会发生隐式转换转为布尔类型

  • 双支

image.png

image.png -

多支

image.png

  • 先判断条件1,若满足条件1就执行代码1,其他不执行

     -
    
    • 三元运算符

image.png - - 例子 - 符号:? 与 : 配合使用

image.png

  • switch语句

image.png

        -   全等判断 : 值和数据类型必须一定要相等
        - 
        -   找到跟小括号里数据全等的case值,并执行里面对应的代码 ➢ 若没有全等 的则执行default里的代码
        -   案例

image.png

循环语句

  • 循环结构 while

    • 执行多次

image.png

三要素

        -   变量起始值
        -   终止条件(没有终止条件,循环会一直执行,造成死循环)
        -   变量变化量(用自增或者自减)

image.png

  • 断点调试

image.png