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 表格分页等操作实现代码(pagedown,pageup)
Apr 11 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
Feb 27 Javascript
JS版的date函数(和PHP的date函数一样)
May 12 Javascript
jQuery中bind()方法用法实例
Jan 19 Javascript
jQuery实现横向带缓冲的水平运动效果(附demo源码下载)
Jan 29 Javascript
jQuery实现table中的tr上下移动并保持序号不变的实例代码
Jul 11 Javascript
js中判断变量类型函数typeof的用法总结
Aug 09 Javascript
AngularJS学习第二篇 AngularJS依赖注入
Feb 13 Javascript
Bootstrap免费字体和图标网站(值得收藏)
Mar 16 Javascript
jQuery实现动态添加、删除按钮及input输入框的方法
Apr 27 jQuery
vue2中,根据list的id进入对应的详情页并修改title方法
Aug 24 Javascript
小程序实现列表倒计时功能
Jan 29 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获得url参数中具有&amp;的值的方法
2014/03/05 PHP
php字符串过滤与替换小结
2015/01/26 PHP
PHP中异常处理的一些方法整理
2015/07/03 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
IE JS无提示关闭窗口不提示的方法
2010/04/29 Javascript
Draggable Elements 元素拖拽功能实现代码
2011/03/30 Javascript
在服务端(Page.Write)调用自定义的JS方法详解
2013/08/09 Javascript
JavaScript实现拖拽网页内元素的方法
2015/04/15 Javascript
JavaScript中字符串拼接的基本方法
2015/07/07 Javascript
JS button按钮实现submit按钮提交效果
2016/11/01 Javascript
基于JavaScript实现熔岩灯效果导航菜单
2017/01/04 Javascript
微信小程序 缓存(本地缓存、异步缓存、同步缓存)详解
2017/01/17 Javascript
js 实现省市区三级联动菜单效果
2017/02/20 Javascript
微信小程序实现随机验证码功能
2018/12/20 Javascript
基于node简单实现RSA加解密的方法步骤
2019/03/21 Javascript
解决Vue中使用keepAlive不缓存问题
2020/08/04 Javascript
vue表单验证之禁止input输入框输入空格
2020/12/03 Vue.js
python实现带错误处理功能的远程文件读取方法
2015/04/29 Python
python使用threading获取线程函数返回值的实现方法
2017/11/15 Python
python+opencv实现动态物体追踪
2018/01/09 Python
python获取命令行输入参数列表的实例代码
2018/06/23 Python
Python面向对象之接口、抽象类与多态详解
2018/08/27 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
django 多数据库及分库实现方式
2020/04/01 Python
Python2.6版本pip安装步骤解析
2020/08/17 Python
应届毕业生的个人自我鉴定
2013/10/24 职场文书
学前教育毕业生自荐信
2013/10/29 职场文书
教师党员思想汇报
2014/01/06 职场文书
会计岗位职责范本
2014/03/07 职场文书
献爱心活动总结
2014/05/07 职场文书
班级标语大全
2014/06/21 职场文书
2016自主招生校长推荐信范文
2015/03/23 职场文书
使用Redis实现秒杀功能的简单方法
2021/05/08 Redis
写一个Python脚本下载哔哩哔哩舞蹈区的所有视频
2021/05/31 Python
SQL CASE 表达式的具体使用
2022/03/21 SQL Server
搭建Yolov5服务器
2022/04/30 Servers