JavaScript零基础入门 3：javascript运算符有哪些

关注

原创 2022-02-01 13:12:26 1w 阅读 AI 写同款· GEO 优化 ›

Javascript之常用运算符 在Javascript中，有使用很多的运算符，来帮助我们进行逻辑运算的判断。 运算符（operator）也被称为操作符，是用于实现赋值、比较和执行算数运算等功能的符号。 Javascript 常见的有五种运算符：算数运算符 赋值运算符 递增和递减运算符 比较运算符 逻辑运算符 三元运算符 接下来，我就一一介绍它们的用法及应用场景 1.算数运算符 使用场景：算术运算使用的符号，用于执行两个变量或值的算术运算。我们都知道在日常的生活中，我们难免会进行交易，比如你去超市买东西，会和收银员进行物品与金钱的阅读详情

🍅 作者简介：哪吒，优快云2021博客之星亚军🏆、新星计划导师✌、博客专家💪

🍅 哪吒多年工作总结：Java学习路线总结，搬砖工逆袭Java架构师

🍅 关注公众号【哪吒编程】，回复1024，获取Java学习路线思维导图、大厂面试真题、加入万粉计划交流群、一起学习进步

一、逻辑运算符

1、! 非

!可以用来对一个值进行非运算，所谓非运算就是值对一个布尔值进行取反操作，true变false，false变true。

如果对一个值进行两次取反，它不会变化；
如果对非布尔值进行元素，则会将其转换为布尔值，然后再取反；
所以我们可以利用该特点，来将一个其他的数据类型转换为布尔值；
可以为一个任意数据类型取两次反，来将其转换为布尔值；原理和Boolean()函数一样；

2、&& 与

&&可以对符号两侧的值进行与运算并返回结果。

运算规则

两个值中只要有一个值为false就返回false，只有两个值都为true时，才会返回true
JS中的“与”属于短路的与，如果第一个值为false，则不会看第二个值

3、|| 或

||可以对符号两侧的值进行或运算并返回结果

运算规则：、

两个值中只要有一个true，就返回true；

如果两个值都为false，才返回false

JS中的“或”属于短路的或，如果第一个值为true，则不会检查第二个值

二、赋值运算符

1、=

可以将符号右侧的值赋值给符号左侧的变量

2、+=

a += 5 等价于 a = a + 5

3、-=

a -= 5 等价于 a = a - 5

4、*=

a *= 5 等价于 a = a * 5

5、/=

a /= 5 等价于 a = a / 5

6、%=

a %= 5 等价于 a = a % 5

三、关系运算符

通过关系运算符可以比较两个值之间的大小关系，如果关系成立它会返回true，如果关系不成立则返回false。

1、> 大于号

判断符号左侧的值是否大于右侧的值；

如果关系成立，返回true，如果关系不成立则返回false

2、>= 大于等于

判断符号左侧的值是否大于或等于右侧的值

3、< 小于号

4、<= 小于等于

5、非数值的情况

对于非数值进行比较时，会将其转换为数字然后在比较

如果符号两侧的值都是字符串时，不会将其转换为数字进行比较，而会分别比较字符串中字符的Unicode编码。

四、相等运算符

相等运算符用来比较两个值是否相等，如果相等会返回true，否则返回false。

1、使用 == 来做相等运算

当使用==来比较两个值时，如果值的类型不同，则会自动进行类型转换，将其转换为相同的类型，然后在比较，不相等，不相等用来判断两个值是否不相等，如果不相等返回true，否则返回false。

2、使用 != 来做不相等运算

不相等也会对变量进行自动的类型转换，如果转换后相等它也会返回false

3、=== 全等

用来判断两个值是否全等，它和相等类似，不同的是它不会做自动的类型转换，如果两个值的类型不同，直接返回false。

4、!== 不全等

用来判断两个值是否不全等，和不等类似，不同的是它不会做自动的类型转换，如果两个值的类型不同，直接返回true。

五、条件运算符

1、语法

条件表达式?语句1:语句2。

2、执行的流程

条件运算符在执行时，首先对条件表达式进行求值，

如果该值为true，则执行语句1，并返回执行结果，

如果该值为false，则执行语句2，并返回执行结果，

如果条件的表达式的求值结果是一个非布尔值，会将其转换为布尔值然后在运算。

六、运算符

使用,可以分割多个语句，一般可以在声明多个变量时使用。

七、运算符优先级

在JS中有一个运算符优先级的表，在表中越靠上优先级越高，优先级越高越优先计算，

如果优先级一样，则从左往右计算。

但是这个表我们并不需要记忆，如果遇到优先级不清楚,可以使用()来改变优先级。

八、代码块

我们的程序是由一条一条语句构成的，语句是按照自上向下的顺序一条一条执行的，在JS中可以使用{}来为语句进行分组,同一个{}中的语句我们称为是一组语句，它们要么都执行，要么都不执行，一个{}中的语句我们也称为叫一个代码块，在代码块的后边就不用再编写;了。

JS中的代码块，只具有分组的的作用，没有其他的用途，代码块内容的内容，在外部是完全可见的。

九、流程控制语句

1、if

JS中的程序是从上到下一行一行执行的通过流程控制语句可以控制程序执行流程，使程序可以根据一定的条件来选择执行

（1）语句的分类：

条件判断语句
条件分支语句
循环语句

（2）条件判断语句

使用条件判断语句可以在执行某个语句之前进行判断，如果条件成立才会执行语句，条件不成立则语句不执行。

if语句

if(条件表达式){
    语句...
}

ifesle语句

if(条件表达式){
	语句...
}else{
	语句...
}

多else语句

if(条件表达式){
	语句...
}else if(条件表达式){
	语句...
}else if(条件表达式){
	语句...
}else{
	语句...
}

2、switch语句

switch(条件表达式){
	case 表达式:
		语句...
		break;
	case 表达式:
		语句...
		break;
	default:
		语句...
		break;
}

3、循环语句

（1）while循环

while(条件表达式){
	语句...
}

（2）do...while循环

do{
	语句...
}while(条件表达式)

do...while语句在执行时，会先执行循环体，
循环体执行完毕以后，在对while后的条件表达式进行判断，
如果结果为true，则继续执行循环体，执行完毕继续判断以此类推
如果结果为false，则终止循环。

do...while可以保证循环体至少执行一次，而while不能。

（3）创建一个循环，往往需要三个步骤

创初始化一个变量；
在循环中设置一个条件表达式；
定义一个更新表达式，每次更新初始化变量

4、for循环

（1）for循环的语法：

for(①初始化表达式;②条件表达式;④更新表达式){
    ③语句...
}

（2）for循环的执行流程：

①执行初始化表达式，初始化变量（初始化表达式只会执行一次）
②执行条件表达式，判断是否执行循环。
如果为true，则执行循环③
如果为false，终止循环
④执行更新表达式，更新表达式执行完毕继续重复②。

5、嵌套的for循环

99乘法表：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			
			/*
			 * 1.打印99乘法表
			 * 	 1*1=1
			 * 	 1*2=2 2*2=4
			 * 	 1*3=3 2*3=6 3*3=9
			 * 	 1*4=4 2*4=8 3*4=12 4*4=16	
			 * 						....9*9=81
			 * 
			 * 2.打印出1-100之间所有的质数
			 */
			
			//创建外层循环，用来控制乘法表的高度
			for(var i=1 ; i<=9 ; i++ ){
				//创建一个内层循环来控制图形的宽度
				for(var j=1 ; j<=i ; j++){
					document.write("<span>"+j+"*"+i+"="+i*j+"</span>");
				}
				
				//输出一个换行
				document.write("<br />");
				
			}
			
			
		</script>
		<style type="text/css">
		
			body{
				width: 2000px;
			}
			
			span{
				display: inline-block;
				width: 80px;
			}
			
		</style>
	</head>
	<body>
	</body>
</html>