JavaScript运算符小结


Posted in Javascript onJune 03, 2015

在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 boolean5=false
>= 大于等于。若左边数据大于或等于右边数据,返回 true,否则返回 false。 boolean6=(x>=y); boolean6=true
小于等于。若左边数据小于或等于右边数据,返回 true,否则返回 false。 boolean7=(x 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 相关文章推荐
IE innerHTML,outerHTML所引起的问题
Jun 04 Javascript
jquery插件之easing使用
Aug 19 Javascript
Prototype源码浅析 String部分(二)
Jan 16 Javascript
图片翻转效果具体实现代码
Jan 09 Javascript
javascript继承的六大模式小结
Apr 13 Javascript
jQuery实现模拟marquee标签效果
Jul 14 Javascript
JavaScript制作简单的日历效果
Mar 10 Javascript
浅谈jQuery 中的事件冒泡和阻止默认行为
May 28 Javascript
BootStrap 智能表单实战系列(十)自动完成组件的支持
Jun 13 Javascript
jquery checkbox无法用attr()二次勾选问题的解决方法
Jul 22 Javascript
javascript中获取元素标签中间的内容的实现方法
Oct 08 Javascript
vue中监听返回键问题
Aug 28 Javascript
浅谈JavaScript字符串与数组
Jun 03 #Javascript
详谈javascript中的cookie
Jun 03 #Javascript
jquery滚动特效集锦
Jun 03 #Javascript
jQuery实现文本展开收缩特效
Jun 03 #Javascript
jQuery插件制作之参数用法实例分析
Jun 01 #Javascript
jQuery插件制作之全局函数用法实例
Jun 01 #Javascript
javascript实现设置、获取和删除Cookie的方法
Jun 01 #Javascript
You might like
山进SANGEAN ATS-909X电路分析
2021/03/02 无线电
Yii框架中 find findAll 查找出制定的字段的方法对比
2014/09/10 PHP
PHP 输出缓冲控制(Output Control)详解
2016/08/25 PHP
PHP 数组操作详解【遍历、指针、函数等】
2020/05/13 PHP
JavaScript 常见对象类创建代码与优缺点分析
2009/12/07 Javascript
js获取IFRAME当前的URL的方法
2013/11/13 Javascript
利用jq让你的div居中的好方法分享
2013/11/21 Javascript
jQuery中选择器小问题(新人难免遇到)
2014/03/31 Javascript
JavaScript对象反射用法实例
2015/04/17 Javascript
如何在Linux上安装Node.js
2016/04/01 Javascript
js 定位到某个锚点的方法
2016/11/19 Javascript
vue2.0 axios前后端数据处理实例代码
2017/06/30 Javascript
CheckBox多选取值及判断CheckBox选中是否为空的实例
2017/10/31 Javascript
轻量级富文本编辑器wangEditor结合vue使用方法示例
2018/10/10 Javascript
node错误处理与日志记录的实现
2018/12/24 Javascript
原生js实现二级联动菜单
2019/11/27 Javascript
js实现坦克大战游戏
2020/02/24 Javascript
[02:53]DOTA2亚洲邀请赛 NewBee战队巡礼
2015/02/03 DOTA
[50:15]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第二场 8.22
2018/08/23 DOTA
Python实现选择排序
2017/06/04 Python
python实现八大排序算法(1)
2017/09/14 Python
python实现图书馆研习室自动预约功能
2018/04/27 Python
Python matplotlib通过plt.scatter画空心圆标记出特定的点方法
2018/12/13 Python
python pcm音频添加头转成Wav格式文件的方法
2019/01/09 Python
Django集成CAS单点登录的方法示例
2019/06/10 Python
中东地区为妈妈们提供一切的头号购物目的地:Sprii
2018/05/06 全球购物
在对linux系统分区进行格式化时需要对磁盘簇(或i节点密度)的大小进行选择,请说明选择的原则
2012/01/13 面试题
大学生社会实践评语
2014/04/25 职场文书
汽车专业求职信
2014/06/05 职场文书
孝敬父母的活动方案
2014/08/31 职场文书
党员干部学习十八届五中全会精神心得体会
2016/01/05 职场文书
2016入党培训心得体会范文
2016/01/08 职场文书
工作转正自我鉴定范文
2019/06/21 职场文书
导游词之河姆渡遗址博物馆
2019/10/10 职场文书
浅谈Redis主从复制以及主从复制原理
2021/05/29 Redis
一文搞懂Python Sklearn库使用
2021/08/23 Python