JavaScript运算符小结
更新时间：2015年06月03日 10:20:46 投稿：hebedich
本文主要给大家详细总结了下javascript中的运算符，包括常见的算数运算符、比较运算符和逻辑运算符。十分的清晰，有需要的小伙伴可以参考下。
在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 |
以上所述就是本文的全部内容了，希望大家能够喜欢。
相关文章
这篇文章主要介绍了JavaScript实现横向滑出的多级菜单效果,涉及JavaScript数学运算及页面元素样式动态变换的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-10-10
这篇文章主要给大家介绍了关于JavaScript中工厂函数与构造函数的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用JavaScript具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-05-05
这篇文章主要为大家详细介绍了JavaScript实战之菜单特效实现代码，具有与一定的参考价值，感兴趣的小伙伴们可以参考一下2016-08-08
前面突然看到 Object.defineProperty,就顺道想到 Proxy,然后就想到了观察者案例,这边还没有用 javascript编写一个观察者的案例呢,顺道加入了一个 event-bus 监听事件案例,凑一起看一看不同的实现方式,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了JavaScript 实现页面滚动动画的方法，帮助大家更好的理解和学习使用JavaScript，感兴趣的朋友可以了解下2021-04-04
这篇文章主要介绍了JavaScript 有用的代码片段和 trick的相关知识，非常不错，具有参考借鉴价值,需要的朋友可以参考下2018-02-02
这篇文章主要为大家详细介绍了JS键盘版计算器的制作方法,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
不用AI也能实现的文字自动播报(SpeechSynthesis文本实例合成)
SpeechSynthesis是HTML5的一个新特性，基于SpeechSynthesis可以实现在客户浏览器端进行动态文本的语音合成播放，这篇文章主要介绍了不用AI也能实现的文字自动播报(SpeechSynthesis文本实例合成),需要的朋友可以参考下2023-03-03
js实现使用输入input和改变change事件模拟手动输入
聚焦于JavaScript中的输入模拟技术,本指南将带你探索如何使用input和change事件来创造逼真的手动输入效果,通过简单的代码实现,你将掌握这一实用的技巧,为你的Web应用增添交互的乐趣,需要的朋友可以参考下2024-03-03
layui 实现自动选择radio单选框(checked)的方法
今天小编就为大家分享一篇layui 实现自动选择radio单选框(checked)的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
最新评论