运算符&语句

目录

一、运算符

1. 赋值运算符

2. 一元运算符

3. 比较运算符

4. 逻辑运算符

5. 运算符优先级

二、语句

1. 表达式和语句

2. 分支语句

2.1 if 语句

2.2 三元运算符

2.3 switch语句

3. 循环语句


一、运算符

1. 赋值运算符

赋值运算符:对变量进行赋值的运算符
" = ":  将等号右边的值赋予给左边, 要求左边必须是一个容器
  • let num = 1
  • let x = num + 10
  • let y = x + num

其他赋值运算符(与算术运算符结合的变体):

  • +=
  • -=
  • *=
  • /=
  • %=

开始:

使用 += :

其他使用方法同 += 

2. 一元运算符

JavaScript 的运算符根据所需 运算项的个数 ,分为一元运算符、二元运算符、三元运算符
二元运算符:
例:let num = 10 + 20
一元运算符:
例: 正负号(数值运算符)
  • 自增:
    • 符号:++
    • 作用:让变量的值 +1
  • 自减:
    • 符号:--
    • 作用:让变量的值 -1
  • 使用场景:经常用于计数来使用。 
自增运算符的用法:
前置自增:

  • 每执行1次,当前变量数值加1
  • 其作用相当于 num += 1

后置自增:

  • 每执行1次,当前变量数值加1
  • 其作用相当于 num += 1

前置自增和后置自增单独使用没有区别,但是如果参与运算就有区别了

前置自增: 先自加再使用

后置自增: 先使用再自加

3. 比较运算符

比较运算符的介绍
使用场景:比较两个值的大小、比较两个值是否相等
比较运算符:
  • > : 左边是否大于右边
  • < : 左边是否小于右边
  • >= : 左边是否大于或等于右边
  • <= : 左边是否小于或等于右边
  • == : 左右两边值是否相等
  • === : 左右两边是否类型和值都相等
  • !== : 左右两边是否不全等

​​​​​​​​​对比:

  • = 单等是赋值
  • == 是判断
  • === 是全等
  • 开发中判断是否相等,建议使用 ===

比较结果为boolean类型,即只会得到 true 或 false ​​​​​​​

字符串比较,是比较的字符对应的ASCII码
  • 从左往右依次比较
  • 如果第一位一样再比较第二位,以此类推 ​​​​​​​​​​​​​​

NaN不等于任何值,包括它本身
  • 涉及到NaN 都是false
尽量不要比较小数,因为小数有精度问题
不同类型之间比较会发生隐式转换
  • 最终把数据隐式转换转成number类型再比较
  • 所以开发中,如果进行准确的比较使用 === 或者 !==

4. 逻辑运算符

使用场景: 逻辑运算符用来解决 多重条件判断
举例: 判断一个变量 num 是否大于5且小于10
正确写法: num > 5 && num < 10
符号名称日常读法特点口诀
&&逻辑与并且符号两边都为true,结果才为true一假则假
||逻辑或或者符号两边有一个为true,就为true一真则真
!逻辑非取反true变false,false变true真变假,假变真

5. 运算符优先级

优先级运算符排序
1小括号()
2一元运算符++  --  !
3算数运算符先 *  /  %  后 +  -
4关系运算符>  >=  <  <=
5相等运算符==  !=  ===  !==
6逻辑运算符先 && 后 ||
7赋值运算符=
8逗号运算符,
  • 一元运算符里面的逻辑非优先级很高
  • 逻辑与比逻辑或优先级高

二、语句

1. 表达式和语句

表达式:指为了得到结果的计算式子。如:3 + 4,num++
语句:指为了完成某个任务而执行的一段代码。如: 声明变量:let a; prompt() 可以弹出一个输入框,还有 if 语句,for 循环语句等等
区别:
表达式: 是为了计算出一个结果,一定会有结果,所以它可以写在赋值语句的右侧。
  • 表达式 num = 3 + 4
语句: 是为了进行某种操作,不一定有结果,所以比如 alert() for和break 等语句就不能被用于赋值。
  • 语句 alert() 弹出对话框 console.log() 控制台打印输出
某些情况,也可以把表达式理解为表达式语句,因为它既是在计算结果,也是在做事。
凡是JavaScript中预期为值的地方,都可以使用表达式。比如:赋值语句的右边,预期是一个值,因此可以放各种表达式。

2. 分支语句

程序三大流程控制语句
  • 顺序结构:从上往下按顺序依次执行,写几句就执行几句
  • 分支结构:根据条件有选择的执行代码
  • 循环结构:重复执行某段代码

分支语句
  • 分支语句可以让我们有选择性的执行想要的代码
  • 分支语句包含:
    • If分支语句
    • 三元运算符
    • switch 语句
2.1 if 语句
if 语句有三种使用:单分支、双分支、多分支
单分支使用语法:

  • 括号内的条件为true时,进入大括号里执行代码
  • 小括号内的结果若不是布尔类型时,会发生隐式转换,转为布尔类型
  • 如果大括号内只有一行代码,大括号可以省略
双分支 if 语法:

多分支 if 语法:
使用场景: 适合于有多个结果的时候, 比如产品质量可以分为: 优 良 中 差

  • 先判断条件1,若满足条件1就执行代码1,其他不执行
  • 若不满足则向下判断条件2,满足条件2执行代码2,其他不执行
  • 若依然不满足继续往下判断,依次类推
  • 若以上条件都不满足,执行else里的代码n
注:可以写N个条件
2.2 三元运算符
三元运算符( 需要3个式子参与运算 ): ? 与 : 配合使用
使用场景: 通常被用于 if 双分支 的简写形式
语法:

一般用来取值
2.3 switch语句

  • 找到根小括号里的数据 全等 的case值,并执行里面对应的代码
  • 若没有全等 === 的则执行default里的代码
  • 例:数据若跟值2全等,则执行代码2 ​​​​​​​

3. 循环语句

3.1 循环结构

作用 :学习时可以帮助更好的理解代码运行,工作时可以更快找到bug
浏览器打开调试界面
  1. 按F12打开开发者工具
  2. 点到sources一栏
  3. 选择代码文件

​​​​​​​断点:在某句代码上加的标记就叫断点,当程序执行到这句有标记的代码时会暂停下来

3.2 while循环

循环:重复执行一些操作while : 在…. 期间, 所以 while循环 就是在满足条件期间,重复执行某些代码。

while 循环基本语法:

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

 while 循环三要素:

如果循环条件一直成立,则会造成“死循环”。
循环的本质就是以某个变量为起始值,然后不断产生变化量,慢慢靠近终止条件的过程。
while循环需要具备三要素
  1. 循环变量(赋起始值)
  2. 循环终止条件(没有终止条件,循环会一直执行,造成死循环)
  3. 循环变量的变化量(用自增或者自减)

3.3 循环退出
循环结束:
  • continue:结束本次循环,继续下次循环
  • break:跳出所在的循环​​​​​​​
区别:
  • continue 退出本次循环,一般用于排除或者跳过某一个选项的时候, 可以使用continue
  • break 退出整个循环,一般用于结果已经得到, 后续的循环不需要的时候可以使用

  • 14
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值