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系列(9) 根本没有“JSON对象”这回事!
Jan 15 Javascript
浅谈Javascript中的Function与Object
Jan 26 Javascript
AngularJS 整理一些优化的小技巧
Aug 18 Javascript
bootstrap日历插件datetimepicker使用方法
Dec 14 Javascript
vue中锚点的三种方法
Jul 06 Javascript
JointJS流程图的绘制方法
Dec 03 Javascript
webpack-url-loader 解决项目中图片打包路径问题
Feb 15 Javascript
使用vue自定义指令开发表单验证插件validate.js
May 23 Javascript
Vue+element 解决浏览器自动填充记住的账号密码问题
Jun 11 Javascript
详解vue-router 动态路由下子页面多页共活的解决方案
Dec 22 Javascript
JS原型和原型链原理与用法实例详解
Feb 05 Javascript
Openlayers学习之地图比例尺控件
Sep 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
用PHP和ACCESS写聊天室(四)
2006/10/09 PHP
经典的PHPer为什么被认为是草根?
2007/04/02 PHP
使用JSON实现数据的跨域传输的php代码
2011/12/20 PHP
基于flush()不能按顺序输出时的解决办法
2013/06/29 PHP
Destoon旺旺无法正常显示,点击提示“会员名不存在”的解决办法
2014/06/21 PHP
php中Snoopy类用法实例
2015/06/19 PHP
laravel5 Eloquent 实现事务方式
2019/10/21 PHP
javascript 特殊字符串
2009/02/25 Javascript
JavaScript实现存储HTML字符串示例
2014/04/21 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
2016/12/01 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
2016/12/14 Javascript
Angular路由简单学习
2016/12/26 Javascript
为什么我们要做三份 Webpack 配置文件
2017/09/18 Javascript
实例详解Node.js 函数
2018/06/10 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
2020/02/03 Javascript
Python构造自定义方法来美化字典结构输出的示例
2016/06/16 Python
教你用Python脚本快速为iOS10生成图标和截屏
2016/09/22 Python
Python 多线程的实例详解
2017/09/07 Python
python3实现逐字输出的方法
2019/01/23 Python
Pycharm保存不能自动同步到远程服务器的解决方法
2019/06/27 Python
numpy.meshgrid()理解(小结)
2019/08/01 Python
python中的逆序遍历实例
2019/12/25 Python
python3+opencv 使用灰度直方图来判断图片的亮暗操作
2020/06/02 Python
如何解决cmd运行python提示不是内部命令
2020/07/01 Python
高考考python编程是真的吗
2020/07/20 Python
详解H5本地储存Web Storage
2017/07/03 HTML / CSS
招商专员岗位职责
2014/02/08 职场文书
新品发布会主持词
2014/04/02 职场文书
小学兴趣小组活动总结
2014/07/07 职场文书
党员国庆节演讲稿范文2014
2014/09/21 职场文书
解除劳动合同证明书
2014/09/26 职场文书
聘任合同书
2015/09/21 职场文书
创业计划书之网吧
2019/10/10 职场文书
Kubernetes关键组件与结构组成介绍
2022/03/31 Servers
python文件与路径操作神器 pathlib
2022/04/01 Python
Docker安装MySql8并远程访问的实现
2022/07/07 Servers