JavaScript 运算符

274 阅读2分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第N天,点击查看活动详情

运算符

算术运算符

数学运算符也叫算术运算符,主要包括加、减、乘、除、取余(求模)
  • +:求和

  • -:求差

  • *:求积

  • /:求商

  • %:取模(取余数)

开发中经常作为某个数字是否被整除

算术运算符执行的优先级顺序

先乘除后加减,有括号先算括号里面的

赋值运算符

  • 已经学过的赋值运算符:=将等号右边的值赋予给左边, 要求左边必须是一个容器
  • 其他赋值运算符:
  • +=
  • -=
  • *=
  • /=
  • %=
  • 使用这些运算符可以在对变量赋值时进行快速操作
  • 我们以 += 赋值运算符来举例

一元运算符

  • 问题: 我们以前让一个变量每次+1 ,以前我们做的呢?
  • 我们可以有更简便的写法了~~

image.png

  • 自增:

    • 符号:++
    • 作用:让变量的值 +1 前置自增: 每执行1次,当前变量数值加1
      先自加再使用(记忆口诀:++在前 先加)
  • 自减:

    • 符号:--
    • 作用:让变量的值 -1 后置自增:
      每执行1次,当前变量数值加1
      后置自增:先使用再自加(记忆口诀:++在后 后加)
  • 使用场景:

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

二元运算符:

image.png

比较运算符

>:左边是否大于右边
<:左边是否小于右边
>=:左边是否大于或等于右边
<=:左边是否小于或等于右边
==:左右两边值是否相等
===:左右两边是否类型和值都相等
!==:左右两边是否不全等
比较结果为boolean:类型,即只会得到true或false

对比:
= 单等是赋值
== 是判断
=== 是全等

语句

if分支语句

image.png

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

image.png

  • 多分支 先判断条件1,若满足条件1就执行代码1,其他不执行
    若不满足则向下判断条件2,满足条件2执行代码2,其他不执行
    若依然不满足继续往下判断,依次类推
    *若以上条件都不满足,执行else里的代码n

image.png

三元运算符

使用场景: 其实是比 if 双分支 更简单的写法,可以使用 三元表达式
符号:? 与 : 配合使用
一般用来取值

image.png

switch 语句

找到跟小括号里数据全等的case值,并执行里面对应的代码
若没有全等 === 的则执行default里的代码
例:数据若跟值2全等,则执行代码2
image.png switch case一般需要配合break关键字使用 没有break会造成case穿透

循环语句

断点调试

  • F12打开开发者工具
  • 点到sources一栏
  • 选择代码文件

image.png

路径

  • while 循环基本语法 跟if语句很像,都要满足小括号里的条件为true才会进入 循环体 执行代码
    while大括号里代码执行完毕后不会跳出,而是继续回到小括号里判断条件是否满足,若满足又执行大括号里的代码,然后再回到小括号判断条件,直到括号内条件不满足,即跳出
  • while 循环三要素

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

image.png

  • 循环退出 continue:结束本次循环,继续下次循环
    break:跳出所在的循环