JavaScript运算符有哪些及怎么使用
导读:本文共4897.5字符,通常情况下阅读需要16分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要:这篇“JavaScript运算符有哪些及怎么使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“JavaScript运算符有哪些及怎么使用”文章吧。运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。JavaScript中常用的运算符有:算术运算符... ...
目录
(为您整理了一些要点),点击可以直达。这篇“JavaScript运算符有哪些及怎么使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“JavaScript运算符有哪些及怎么使用”文章吧。
运算符(operator)也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。
JavaScript中常用的运算符有:
算术运算符
递增和递减运算符
比较运算符
逻辑运算符
赋值运算符
算术运算符
概念:算术运算使用的符号,用于执行俩个变量或值的算术运算。
console.log(1+1);//2console.log(1-1);//0console.log(1*1);//1console.log(1/1);//1console.log(4%2);//0
浮点数在算数运算里面会有误差(避免直接参与运算):
console.log(0.1+0.2);//0.30000000000000004
不能直接判断俩个浮点数是否相等。
varnum=0.1+0.2;console.log(num==0.3);//false
算术运算符优先级:先乘除后加减
可以使用%取余运算符来判断一个数能否被整除
表达式和返回值:
由数字、运算符、变量等组成的式子我们称为表达式。
表达式最终都会有一个结果返回给我们,我们称为返回值。
递增和递减运算符
如果需要反复给数字变量添加或减去1,可以使用递增(++
)和递减(--
)运算符来完成。
繁琐写法:
varnum=1;num=num+1;num=num+1;console.log(num);//3
前置递增运算符:
++
写在变量的前面
++num
前置递增就是自加1,类似于 num=num+1
varage=10;++age;console.log(age);//11类似于age=age+1
使用口诀:先自加,后返回值
console.log(age);vara=10;console.log(++a+10);//(10+1)+10=21
后置递增运算符
++
写在变量的后面
num++
后置递增,就是自加1,类似于 num=num+1
varage=10;age++;console.log(age);//11类似于age=age+1
使用口诀:先返回原值,后自加
vara=10;console.log(a+++10);//10+10=20console.log(a);//11
区别总结
前置递增和后置递增运算符可以简化代码的编写,让变量的值+1比以前写法更简单。
单独使用时,运行结果相同。
与其他代码联用时,执行结果会不同。
前置:先自加,后运算(先己后人)
后置:先原值运算,后自加(先人后己)
开发时,大多使用后置递增/递减,并且代码独占一行。例:
num++;
练习:
vare=10;varf=e+++++e;//1.e++=10e=112.++e=12f=10+12console.log(f);//22
比较运算符
概念:比较运算符(关系运算符)是俩个数据进行比较时所使用的运算符,比较运算后,会返回一个布尔值(true/false)作为比较运算的结果。
console.log(2<=5);//trueconsole.log('岳泽以'='个人博客');//falseconsole.log(17=='17');//true默认转换数据类型,字符串型转换为数字型console.log(17='17');//false数据类型不同,要求值和数据类型一致
逻辑运算符
概念:逻辑运算符是用来进行布尔值运算的运算符,其返回值也是布尔值。后面开发中经常用于多个条件的判断。
&&
"逻辑与",简称“与”andture &&
false丨丨
"逻辑或",简称“或”orture 丨丨
false!
"逻辑非",简称“非”not!
true逻辑与
符号:&&
相对于and
两侧都为 true
结果才是 true
,只要有一侧为 false
,结果就为 false
console.log(3>5&&3>2);//falseconsole.log(3<5&&3<7);//true
逻辑或
符号:||
相当于or
俩侧都为 false
,结果才是 false
,只要有一侧为 true
,结果就是 true
console.log(3>5&&3>2);//falseconsole.log(3<5&&3<7);//true
逻辑非
符号:!
相对于not
逻辑非也叫作取反符,用来取一个布尔值相反的值。
console.log(!true);//falseconsole.log(!false);//true
短路运算(逻辑中断)
短路运算的原理:当有多个表达式(值)时,左边的表达值可以确定结果时,就不再继续运算右边的表达式的值。
逻辑与:
语法:
表达式1 && 表达式2
如果第一个表达式的值为真,则返回表达上2
如果第一个表达式的值为假,则返回表达式1
console.log(123&&456);//返回456,除了0以外的所有数字都为真。console.log(123&&456&&789);//返回789,依次后推console.log(0&&456);//0
逻辑或:
语法:
表达式1 || 表达式2
如果表达式1结果为真,则返回表达式1
如果表达式1结果为假,则返回表达式2
console.log(123||456);//123console.log(123||456||123+456);//123console.log(0||456||123+456);//456
注意:逻辑中断会造成短路操作,即不执行后面的代码,影响程序员的运行结果。
varnum=0;console.log(123||num++);//逻辑中断造成num++未执行console.log(num);//0
赋值运算符
概念:用来把数据赋值给变量的运算符
varnum=5;num+=10;console.log(num);//5+10=15num*=3;console.log(num);//15*3=45
运算符优先级
()
2一元运算符++
--
!
3算术运算符先 *
/
后 +
-
4关系运算符>
>=
<
<=
5相等运算符==
!=
===
!==
6逻辑运算符先 &&
后 丨丨
7赋值运算符=
8逗号运算符,
一元运算符里的逻辑非优先级很高。
逻辑与比逻辑或优先级高
console.log(4>=6||'我'!='你'&&!(12*2==144)&&true);//true/*逻辑运算符分四段1.4>=6得false2.'我'!='你'得true3.!(12*2==144)得ture4.true然后判断逻辑与:2与3得true3和4得true再判断逻辑或得:true*/
以上就是关于“JavaScript运算符有哪些及怎么使用”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注亿速云行业资讯频道。
JavaScript运算符有哪些及怎么使用的详细内容,希望对您有所帮助,信息来源于网络。