JavaScript 语法:运算符号
作者:
WangMin
格言:努力做好自己喜欢的每一件事
JavaScript要进行各种各样的运算,就要使用不同的运算符号。
1|0JavaScript 算数运算符
算数运算符用于对数字执行算数运算,分别有以下几种:
运算符 | 描述 |
---|---|
+ | 加法 |
- | 减法 |
* | 乘法 |
/ | 除法 |
% | 系数 |
++ | 递加 |
-- | 递减 |
1、+、-、*、/ 这四种算数运算符跟数学中的运算方式是一致的,如下:
对于运算符 + 需要注意的是:
- 对非Number(字符串除外)的值进行加运算时会先将其转换成Number型在运算,注意任何值和NaN运算都是NaN,案例如下:
- 对于含有字符串类型的相加运算则看成连字符,将左右两边连接起来组成一个字符串,从左向右连接,案例如下:
注意:任何数据和 “字符串”相加都会连接到一起转换为字符串。
对于运算符 - 需要注意的是:
- 对非Number的值进行减运算时会先将其转换成Number型在运算,注意任何值和NaN运算都是NaN,案例如下:
2、"%" 取余运算符,两个数相除,不是数学中的除号是取余,就是取运算的余数,所得的结果为余数。如果余数为0,则两个数能除尽;如果余数不为0,则两个不能整除。案例如下:
3、"++" 加1运算符、自增1。
1)"++"作前缀(++i)时,例如:
输出结果是a=3,b=3,我们可以看出前置++(++i)是先加1在使用。
2)作为后缀(i++)时,例如
输出结果是a=3,b=2,我们可以看出后置++(i++)是先使用再加1。
4、"--"减1运算符,自减1(情况与运算符 "++" 差不多)
1)"--"作前缀(--i)时,例如:
输出结果是a=1,b=1,我们可以看出前置--(--i)是先减1在使用。
2)作为后缀(i--)时,例如
输出结果是a=1,b=2,我们可以看出后置--(i--)是先使用再减1。
2|0JavaScript 赋值运算符
赋值运算符向 JavaScript 变量赋值。分别有以下几种:
运算符 | 例子 | 等同于 |
---|---|---|
= | x = y | x = y |
+= | x += y | x = x + y |
-= | x -= y | x = x - y |
*= | x *= y | x = x * y |
/= | x /= y | x = x / y |
%= | x %= y | x = x % y |
以上为变量表达式的几种简写方式。例如: |
根据上面提供的赋值运算符,我们还可以将上面的例子写为如下格式,效果一致,如下:
我们常用的变量表达式为第一种简写方式,这样的好处是代码执行性能好。其他几种赋值运算符和上面的例子是一个道理。
3|0JavaScript 比较运算符
比较运算符的运算结果是布尔值(true或false)。
运算符 | 描述 |
---|---|
== | 等于 |
=== | 等值等型 |
!= | 不相等 |
!== | 不等值或不等型 |
> | 大于 |
< | 小于 |
>= | 大于或等于 |
<= | 小于或等于 |
? | 三元运算符 |
1、">"、"<"、">="、"<=" 判断两个值之间的大小关系 |
通过关系运算符可以判断两个值之间的大小关系,如果关系成立则返回true如果关系不成立则返回false。对于非数值比较时会先转换成数字(数值型)在比较。任何值和NaN比较都返回false。特别注意如果两边都是字符串,则是按照字符编码进行比较。案例如下:
2、== 等于、!= 不等于、=== 全等、!== 不全等
1)"==" 等于:只比较两个变量的值,而不管其数据类型。只要值一样,就返回true,否则返回false。例子如下:
2)!= 不等于 与 == 等于一致。例子如下:
3) "===" 全等于。既比较变量,也判断其数据类型。如果类型和值都一样,返回true,否则返回false。例子如下:
4)!== 不全等与 === 全等一致。例子如下:
注意:NaN不和任何值相等包括它自己。
3、"?" 三元运算符
格式:条件表达式 ?语句1:语句2;
执行流程:先算条件表达式,若条件表达式为真则执行语句1,并返回执行结果。如果条件表达式为假false,则执行语句2,并返回执行结果。如果条件表达式的值是非布尔值则会转换成布尔值。案例如下:
注意: 其实三元运算符,就是if else的变形形式。
4|0JavaScript 逻辑运算符
逻辑运算符的运算结果有两个true或false。
运算符 | 描述 |
---|---|
&& | 逻辑与 |
|| | 逻辑或 |
! | 逻辑非 |
1)"&&" 逻辑与(并且关系)。如果左右两个操作数都为true,就是两个条件同时满足时,则结果为true,否则,结果为false。案例如下:
逻辑&&运算如果两个条件都为true则输出结果是第二个条件的结果,如果第一个是false则输出结果是第一个条件的结果。案例如下:
2)"||" 逻辑或。左右两个条件,只要有一个满足,则返回true,否则,返回false。案例如下:
逻辑||运算如果第一个是true则输出结果是第一个条件的结果,如果第一个是false则输出是第二个条件的结果。案例如下:
3)"!" 取反运算。当条件为真,在条件前面添加"!",此时整体就为假了,案例如下:
以上仅是个人见解,若有不足之处欢迎在下方评论指出,那就先分享到这里!! 😄 后续继续更新!!
__EOF__

本文链接:https://www.cnblogs.com/wmbuke/p/13829657.html
关于博主:评论和私信会在第一时间回复。或者直接私信我。
版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力!
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· PostgreSQL 和 SQL Server 在统计信息维护中的关键差异
· C++代码改造为UTF-8编码问题的总结
· 【.NET】调用本地 Deepseek 模型
· CSnakes vs Python.NET:高效嵌入与灵活互通的跨语言方案对比
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· Plotly.NET 一个为 .NET 打造的强大开源交互式图表库