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 寻找错误方法整理
Jun 15 Javascript
JavaScript声明变量时为什么要加var关键字
Sep 29 Javascript
JavaScript 学习笔记之基础中的基础
Jan 13 Javascript
Vuejs第十二篇之动态组件全面解析
Sep 09 Javascript
解决AngualrJS页面刷新导致异常显示问题
Apr 20 Javascript
vue实现百度搜索下拉提示功能实例
Jun 14 Javascript
Vue.js上传图片到阿里云OSS存储的方法示例
Dec 13 Javascript
深入理解js A*寻路算法原理与具体实现过程
Dec 13 Javascript
js实现带箭头的进度流程
Mar 26 Javascript
vue实现商品列表的添加删除实例讲解
May 14 Javascript
Element Dialog对话框的使用示例
Jul 26 Javascript
js实现石头剪刀布游戏
Oct 11 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常用代码
2006/11/23 PHP
php 模拟 asp.net webFrom 按钮提交事件的思路及代码
2013/12/02 PHP
thinkPHP导出csv文件及用表格输出excel的方法
2015/12/30 PHP
PHP实现的随机IP函数【国内IP段】
2016/07/20 PHP
解决出现SoapFault (looks like we got no XML document)的问题
2017/06/24 PHP
JavaScript 特殊字符
2007/04/05 Javascript
Mootools 1.2教程 正则表达式
2009/09/15 Javascript
JQuery上传插件Uploadify使用详解及错误处理
2010/04/27 Javascript
远离JS灾难css灾难之 js私有函数和css选择器作为容器
2011/12/11 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
2015/07/31 Javascript
JavaScript性能优化总结之加载与执行
2016/08/11 Javascript
vue.js中指令Directives详解
2017/03/20 Javascript
浅谈Vue.js路由管理器 Vue Router
2018/08/16 Javascript
浅谈redux, koa, express 中间件实现对比解析
2019/05/23 Javascript
Vue.js中的extend绑定节点并显示的方法
2019/06/20 Javascript
JavaScript算法学习之冒泡排序和选择排序
2019/11/02 Javascript
使用Python脚本来控制Windows Azure的简单教程
2015/04/16 Python
使用Python中的tkinter模块作图的方法
2017/02/07 Python
Python 迭代器与生成器实例详解
2017/05/18 Python
深入理解Python中range和xrange的区别
2017/11/26 Python
TensorFlow实现卷积神经网络CNN
2018/03/09 Python
django2.0扩展用户字段示例
2019/02/13 Python
详解Python匿名函数(lambda函数)
2019/04/19 Python
python networkx 包绘制复杂网络关系图的实现
2019/07/10 Python
python3多线程知识点总结
2019/09/26 Python
python socket通信编程实现文件上传代码实例
2019/12/14 Python
Python中的sys.stdout.write实现打印刷新功能
2020/02/21 Python
美国诺德斯特龙百货官网:Nordstrom
2016/08/23 全球购物
团员学习总结的自我评价范文
2013/10/14 职场文书
写好自荐信的要点
2013/11/06 职场文书
毕业生求职信的经典写法
2014/01/31 职场文书
检举信的格式及范文
2014/04/04 职场文书
银行授权委托书格式
2014/10/10 职场文书
2015年市场部工作总结
2015/04/30 职场文书
《叶问2》观后感
2015/06/15 职场文书
tensorflow+k-means聚类简单实现猫狗图像分类的方法
2021/04/28 Python