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 相关文章推荐
jquery form表单序列化为对象的示例代码
Mar 05 Javascript
jQuery插件实现大图全屏图片相册
Mar 14 Javascript
JQuery页面地址处理插件jqURL详解
May 03 Javascript
理解Javascript文件动态加载
Jan 29 Javascript
基于javascript html5实现3D翻书特效
Mar 14 Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 Javascript
dul无法加载bootstrap实现unload table/user恢复
Sep 29 Javascript
js中获取键盘按下键值event.keyCode、event.charCode和event.which的兼容性详解
Mar 15 Javascript
利用Blob进行文件上传的完整步骤
Aug 02 Javascript
Vue中的transition封装组件的实现方法
Aug 13 Javascript
微信小程序实现左侧滑动导航栏
Apr 08 Javascript
详解JavaScript中的this指向问题
Feb 05 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
php设计模式 Command(命令模式)
2011/06/26 PHP
CodeIgniter图像处理类的深入解析
2013/06/17 PHP
详解关于php的xdebug配置(编辑器vscode)
2019/01/29 PHP
php生成HTML文件的类方法
2019/10/11 PHP
用JTrackBar实现的模拟苹果风格的滚动条
2007/08/06 Javascript
js 图片轮播(5张图片)
2008/12/30 Javascript
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
2009/01/30 Javascript
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
2013/11/22 Javascript
详解javascript数组去重问题
2015/11/06 Javascript
Webwork 实现文件上传下载代码详解
2016/02/02 Javascript
jquery使用on绑定a标签无效 只能用live解决
2016/06/02 Javascript
javascript如何定义对象数组
2016/06/07 Javascript
bootstrapValidator表单验证插件学习
2016/12/30 Javascript
javascript常用的设计模式
2017/02/09 Javascript
jQuery实现链接的title快速出现的方法
2017/02/20 Javascript
JavaScript中值类型和引用类型的区别
2017/02/23 Javascript
JS实现的自动打字效果示例
2017/03/10 Javascript
vue-cli3.0 特性解读
2018/04/22 Javascript
如何从头实现一个node.js的koa框架
2019/06/17 Javascript
Vue仿微信app页面跳转动画效果
2019/08/21 Javascript
jquery分页优化操作实例分析
2019/08/23 jQuery
微信小程序 云开发模糊查询实现解析
2019/09/02 Javascript
[06:04]DOTA2英雄梦之声Vol19卓尔游侠
2014/06/20 DOTA
[43:03]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
python递归计算N!的方法
2015/05/05 Python
Python之Scrapy爬虫框架安装及简单使用详解
2017/12/22 Python
python3.6编写的单元测试示例
2019/08/17 Python
Melijoe英国官网:法国儿童时尚网站
2016/11/18 全球购物
Sofft鞋官网:世界知名鞋类品牌
2017/03/28 全球购物
拉斯维加斯酒店、演出、旅游、俱乐部及更多:Vegas.com
2019/02/28 全球购物
孝老爱亲模范事迹
2014/01/24 职场文书
旅游业大学生创业计划书
2014/01/31 职场文书
社区扶贫帮困工作总结
2015/05/20 职场文书
幼儿园教师暑期培训心得体会
2016/01/09 职场文书
python 爬取华为应用市场评论
2021/05/29 Python
Python 语言实现六大查找算法
2021/06/30 Python