JavaScript运算符小结
更新时间：2015年06月03日 10:20:46 投稿：hebedich
本文主要给大家详细总结了下javascript中的运算符，包括常见的算数运算符、比较运算符和逻辑运算符。十分的清晰，有需要的小伙伴可以参考下。
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
在JavaScript中，常见的运算符有算数运算符、比较运算符和逻辑运算符。
表1 JavaScript常见运算符
| 算数运算符 | 说明 | 举例 | 结果 |
|---|---|---|---|
| = | 赋值运算符。将运算符右边变量的值赋给左边变量。 | x = 5 ; | - |
| + | 加号。将两个数据相加。 | y=1+2; | y=3 |
| - | 减号。将两个数据相减。 | z = x-y; | z=2 |
| * | 乘号。将两个数据相乘。 | a=x*y; | a=15 |
| / | 除号。将两个数据相除。 | b=x/z; | b=2.5 |
| % | 求余运算。求两个数据相除的余数。 | c=x%z; | c=1 |
| ++ | 自加。将操作数加1。 | m=++x; | m=6 x=6 |
| -- | 自减。将操作数减1。 | n=--x; | n=5 x=5 |
| 比较运算符 | 说明 | 举例 | 结果 |
| == | 相等。若两数据相等，返回 true，否则返回 false。 | boolean1=(x==5); | boolean1=true |
| != | 不相等。若两数据不相等，返回 true，否则返回 false。 | boolean2=(x!=5); | boolean2=false; |
| > | 大于。若左边数据大于右边数据，返回 true，否则返回 false。 | boolean4=(x>y); | boolean4=true |
| < | 小于。若左边数据小于右边数据，则返回布尔值true，否则返回false。 | boolean5=(x<y); | boolean5=false |
| >= | 大于等于。若左边数据大于或等于右边数据，返回 true，否则返回 false。 | boolean6=(x>=y); | boolean6=true |
| <= | 小于等于。若左边数据小于或等于右边数据，返回 true，否则返回 false。 | boolean7=(x<=y); | boolean7=false |
| 逻辑运算符 | 说明 | 举例 | 结果 |
| && | 逻辑与。如果符号两边的操作数为真，返回true，否则返回false。 | boolean_a=true&&false; | boolean_a=false |
| || | 逻辑或。如果符号两边的操作数为假，返回false，否则返回true。 | boolean_b=true||false; | boolean_b=true |
| ! | 逻辑非。如果符号右边的操作数为真，返回false，否则返回true。 | boolean_c=!true; | boolean_c=false |
" + "号也可以用来连接字符串
“+”号不但可以将两个数据相加，还可以用来连接字符串。
例如：
复制代码 代码如下:
var name=" Tom ";
var age=22;
var person="My name is "+name+" ! I'm "+age+" ! ";
alert(person);
保存并运行代码，显示 My name is Tom ! I'm 22 !
上面的例子中，有字符串，也有数值。当字符串和数值进行混合运算时，JavaScript 会自动判断“ + ”号的作用，是相加运算，还是连接字符串。如果是连接字符串，数值也将被转换为字符串。
对自加（++）和自减（--）的探讨
值得注意的是，自加（++）和自减（--）运算符放置在操作数的前面和后面含义不同。放在操作数前面（前自加 / 前自减），先对操作数进行加1（减1），再进行运算；放在操作数后面（后自加 / 后自减），先进行运算，再对操作数加1（减1）。
例如：
复制代码 代码如下:
<script type="text/javascript">
var x=5;
var y=++x; // 前自加，赋值后 x 的值为 6
var z=x++; // 后自加，赋值后 x 的值为 7
var m=--x // 前自减，赋值后 x 的值为 6
var n=x-- // 后自减，赋值后 x 的值为 5
</script>
<p onclick="alert(y);">显示 y 的值</p>
<p onclick="alert(z);">显示 z 的值</p>
<p onclick="alert(m);">显示m 的值</p>
<p onclick="alert(n);">显示 n 的值</p>
保存并运行代码，依次点击四段文本，都显示 6 。
分析：
对于 y ，x （x=5）加 1 后的值变为 6 ，再将 x 的值传递给 y 。
对于 z ，先将 x 的值（x=6）传递给 z ，再对 x 加 1 ，值变为 7。
对于 m ，x （x=7）减 1 后的值为 6，再将 x 的值传递给 m 。
对于 n ，先将 x 的值（x=6）传递给 n ，再对 x 减 1，值变为 5 。
算数运算符的缩写
为了操作方便，减少代码的书写，JavaScript 还支持常见数学运算符的缩写。
表2常见算数运算符的缩写
| 运算符 | 例子 | 等价于 |
|---|---|---|
| += | 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 |
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
下面小编就为大家带来一篇JS定义类的六种方式详解。小编觉得挺不错的，现在分享给大家，也给大家做个参考，一起跟随小编过来看看吧，祝大家游戏愉快哦2016-05-05
这篇文章主要介绍了JS实现带提示的星级评分效果,以完整实例形式较为详细的分析了JavaScript响应鼠标事件动态变换页面元素样式的相关技巧,非常简单实用的代码,需要的朋友可以参考下2015-10-10
本篇文章主要介绍了微信小程序之多文件下载的简单封装示例，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-01-01
弹出二级对话框，即在对话框的基础上再弹出一个对话框.这篇文章主要介绍了利用BootStrap弹出二级对话框的简单实现方法的相关资料,需要的朋友可以参考下2016-09-09
这篇文章主要介绍了一文弄懂JavaScript的继承方式,在java面试过程中经常被问到javascript中有几种继承方式，每种继承方式是怎么实现的，文中给大家讲解的非常详细，需要的朋友可以参考下2022-05-05
这篇文章主要介绍了在Koa.js中实现文件上传的接口功能，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-10-10
这篇文章主要介绍了微信小程序webSocket的使用方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-02-02
经常在一些博客中看到有一个打赏功能，本篇文章主要介绍了博客打赏功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。2016-10-10
window.dialogArguments 使用说明，需要的朋友可以参考下。2011-04-04
JavaScript 拖拽实现（附注释），最经典简单短小精悍！
JavaScript拖拽实现（附注释），最经典！最简单！短小精悍！2009-04-04
最新评论