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 相关文章推荐
JavaScript 解析读取XML文档 实例代码
Jul 07 Javascript
基于jQuery实现的水平和垂直居中的div窗口
Aug 08 Javascript
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 Javascript
tuzhu_req.js 实现仿百度图片首页效果
Aug 11 Javascript
jquery实现全选、全不选以及单选功能
Mar 23 jQuery
react native仿微信PopupWindow效果的实例代码
Aug 07 Javascript
php 解压zip压缩包内容到指定目录的实例
Jan 23 Javascript
原生JS实现简单的倒计时功能示例
Aug 30 Javascript
javascript for循环性能测试示例
Aug 07 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
vue项目配置sass及引入外部scss文件
Apr 14 Vue.js
浅谈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
php中的三元运算符使用说明
2011/07/03 PHP
PHP实现单例模式最安全的做法
2014/06/13 PHP
PHP分页类集锦
2014/11/18 PHP
php实现分页显示
2015/11/03 PHP
javascript编程起步(第五课)
2007/02/27 Javascript
jquery.validate分组验证代码
2011/03/17 Javascript
Jquery之Ajax运用 学习运用篇
2011/09/26 Javascript
jquery实现一个简单好用的弹出框
2014/09/26 Javascript
浅谈Javascript Base64 加密解密
2014/12/28 Javascript
jQuery EasyUI实现右键菜单变灰不可用效果
2015/09/24 Javascript
JavaScript学习笔记之数组随机排序
2016/03/23 Javascript
jQuery 开发之EasyUI 添加数据的实例
2017/09/26 jQuery
JavaScript模块详解
2017/12/18 Javascript
使用socket.io实现简单聊天室案例
2018/01/02 Javascript
原生JS实现的轮播图功能详解
2018/08/06 Javascript
详解element-ui设置下拉选择切换必填和非必填
2019/06/17 Javascript
微信小程序 腾讯地图显示偏差问题解决
2019/07/27 Javascript
Python实现的监测服务器硬盘使用率脚本分享
2014/11/07 Python
python构建深度神经网络(续)
2018/03/10 Python
Python求均值,方差,标准差的实例
2019/06/29 Python
Pandas之groupby( )用法笔记小结
2019/07/23 Python
Python几种常见算法汇总
2020/06/02 Python
CSS3 完美实现圆角效果
2009/07/13 HTML / CSS
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
怎样在 Applet 中建立自己的菜单(MenuBar/Menu)?
2012/06/20 面试题
园林施工员岗位职责
2013/12/11 职场文书
会计应届生的自荐信
2013/12/13 职场文书
搞笑获奖感言
2014/01/30 职场文书
萤火虫之墓观后感
2015/06/05 职场文书
家庭教育培训学习心得体会
2016/01/14 职场文书
Pytorch 统计模型参数量的操作 param.numel()
2021/05/13 Python
Spring Bean的实例化之属性注入源码剖析过程
2021/06/13 Java/Android
Python 处理表格进行成绩排序的操作代码
2021/07/26 Python
css 边框添加四个角的实现代码
2021/10/16 HTML / CSS
Win11更新失败并提示0xc1900101
2022/04/19 数码科技
Hive日期格式转换方法总结
2022/06/25 数据库