2021-07-21第二天学习JavaScript

一、运算符

1、运算符

运算符也称为操作符,是用于实现赋值、比较、和执行算数运算等功能的符号。

JS中常用的运算符有:

  • 算数运算符

  • 递增和递减运算符

  • 比较运算符

  • 逻辑运算符

  • 赋值运算符

2、算数运算符

(1)算数运算符概述
在这里插入图片描述

(2)浮点数的精度问题
浮点数值的最高精度是17位小数,但在进行算数计算时其精确度远远不如整数。
在这里插入图片描述

所以:不要直接判断两个浮点数是否相等!

(3)表达式和返回值
表达式:由数字、运算符、变量等组成的式子。

表达式最终都会有一个结果返回给我们,我们称为返回值

3、递增和递减运算符

(1)递增和递减运算符概述
如果需要反复给数字变量添加或减去1,可以使用递增和递减运算符来完成;

在JS中,递增(++)和递减(–)既可以放在变量的前面,也可以放在变量的后面,放在变量前面时,称为前置递增(递减)运算符,放在变量后面时,称为后置递增(递减)运算符

注意:递增和递减运算符必须和变量配合使用

(2)前置递增运算符
使用口诀:先自加1,后返回值

(3)后置递增运算符
使用口诀:先返回原值,后自加1

前置自增和后置自增如果单独使用,效果是一样的

例子:
在这里插入图片描述

总结:01.前置递增和后置递增运算符可以简化代码的编写,让变量的值+1比以前写法更简单
	 02.单独使用时,运算结果相同
	 03.与其他代码联用时,执行结果会不同
 	 04.后置:先返回原值,后自加
	 05.前置:先自加,后运算
	 06.开发时,大多使用后置递增/递减,并且代码独占一行,例如:num++;或者num--;

4、比较运算符

(1)比较运算符概述
概念:比较运算符(关系运算符)是两个数据进行比较时所使用的运算符,比较运算后,会返回一个布尔值(true/false)作为比较运算的结果。
在这里插入图片描述

例子:
在这里插入图片描述

“=”总结:
在这里插入图片描述

5、逻辑运算符

(1)逻辑运算符概述
概念:逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值,后面开发中经常用于多个条件的判断。
在这里插入图片描述

例子:
在这里插入图片描述

总结:01.逻辑或||:两边都为false才返回false,否则都为true
 	 02.逻辑与&&:两边都是true才返回true,否则返回false
	 03.逻辑非!:逻辑非!也叫做取反符,用来取一个布尔值相反的值,如true的相反值是false

(2)逻辑中断逻辑与
在这里插入图片描述

(3)逻辑中断逻辑或
在这里插入图片描述

例子:
在这里插入图片描述

6、赋值运算符

概念:用来把数据赋值给变量的运算符
在这里插入图片描述

7、运算符优先级

在这里插入图片描述

总结:01.一元运算符里面的逻辑非优先级很高
	 02.逻辑与比逻辑或优先级高

二、流程控制分支结构

1、流程控制

用来控制我们的代码按照什么结构顺序来执行。
流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,这三种结构代表三种代码执行的顺序。
在这里插入图片描述

2、分支流程控制if语句

(1)分支结构
由上到下执行代码的过程中,根据不同的条件,执行不同的路径代码(执行代码多选一的过程),从而得到不同的结果。
JS语言提供了两种分支结构语句:if语句、switch语句。

(2)if语句语法结构

If(条件表达式){
	//条件成立执行的代码语句
}

(3)if语句执行思路
如果if里面的条件表达式结果为真,则执行大括号里面的执行语句,如果if条件表达式结果为假,则不执行大括号里面的语句,执行if语句后面的代码。

3、if-else语句

(1)语句结构

If(条件表达式){
	//执行语句1
}  else{
	//执行语句2
}

(2)执行思路
如果表达式结果为真,执行语句1,否则执行语句2。

4、if else if语句(多分支语句)

(1)语法规范

If(条件表达式1{
	//语句1;
}  else if(条件表达式2{
	//语句2;
}  else if(条件表达式3{
	//语句3;
	...
}   else{
	//最后的语句;
}

(2)执行思路
如果条件表达式1满足就执行语句1,执行完毕后,退出整个if分支语句;如果条件表达式1不满足则判断条件表达式2,满足的话执行语句2,以此类推,如果上面的所有条件表达式都不成立,则执行else里面的语句。

5、三元表达式

由三元运算符组成的式子
(1)语法结构
条件表达式? 表达式1:表达式2

(2)执行思路
如果条件表达式结果为真,则返回表达式1的值,如果条件表达式结果为假,则返回表达式2的值。

6、switch语句

也是多分支语句,用于基于不同的条件来执行不同的代码,当针对变量设置一系列的特定值的选项时,就可以使用switch。

1)语法结构
switch(表达式){
	case value1:
	执行语句1;
	Break;
	case value2:
	执行语句2;
	Break;
	...
	default:
	执行最后的语句;
}

(2)执行思路
利用我们的表达式的值和case后面的选项值相匹配,如果匹配上,就执行该case里面的语句,如果没有匹配上,就执行default里面的语句。

(3)注意事项

01.在开发里面,表达式经常写成变量
02.num的值和case里面的值相匹配的时候是全等,必须是值和数据类型一致才行
03.如果当前的case里面没有break,则不会退出switch,而是继续执行下一个case

7、switch和if else if的区别

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值