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 相关文章推荐
验证码按回车不变解决方法
Mar 29 Javascript
javascript中怎么做对象的类型判断
Nov 11 Javascript
实现51Map地图接口(示例代码)
Nov 22 Javascript
jquery通过load获取文件的内容并跳到锚点的方法
Jan 29 Javascript
多个js毫秒倒计时同时进行效果
Jan 05 Javascript
JS中的进制转换以及作用
Jun 26 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
Jul 04 Javascript
浅谈JS中的!=、== 、!==、===的用法和区别
Sep 24 Javascript
js数字滑动时钟的简单实现(示例讲解)
Aug 14 Javascript
jquery手机触屏滑动拼音字母城市选择器的实例代码
Dec 11 jQuery
JavaScript生成一个不重复的ID的方法示例
Sep 16 Javascript
在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法
Sep 24 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
Sony CFR 320 修复改造
2020/03/14 无线电
Ajax+PHP边学边练 之五 图片处理
2009/12/03 PHP
一道关于php变量引用的面试题
2010/08/08 PHP
探讨fckeditor在Php中的配置详解
2013/06/08 PHP
php socket客户端及服务器端应用实例
2014/07/04 PHP
Redis在Laravel项目中的应用实例详解
2017/08/11 PHP
为何说PHP引用是个坑,要慎用
2018/04/02 PHP
jQuery实现拖动调整表格单元格大小的代码实例
2015/01/13 Javascript
常用的JavaScript模板引擎介绍
2015/02/28 Javascript
JavaScript中eval函数的问题
2016/01/31 Javascript
JS获得一个对象的所有属性和方法实例
2017/02/21 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
2018/03/19 Javascript
js防抖和节流的深入讲解
2018/12/06 Javascript
layui实现数据表格隐藏列的示例
2019/10/25 Javascript
详解Vue2的diff算法
2021/01/06 Vue.js
[51:17]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.22
2019/09/05 DOTA
Python构造自定义方法来美化字典结构输出的示例
2016/06/16 Python
20个常用Python运维库和模块
2018/02/12 Python
对python中使用requests模块参数编码的不同处理方法
2018/05/18 Python
Python实现分段线性插值
2018/12/17 Python
python采集微信公众号文章
2018/12/20 Python
Python Numpy库datetime类型的处理详解
2019/07/13 Python
python中for循环把字符串或者字典添加到列表的方法
2019/07/20 Python
python网络编程 使用UDP、TCP协议收发信息详解
2019/08/29 Python
使用python实现希尔、计数、基数基础排序的代码
2019/12/25 Python
python3实现网页版raspberry pi(树莓派)小车控制
2020/02/12 Python
python encrypt 实现AES加密的实例详解
2020/02/20 Python
python 轮询执行某函数的2种方式
2020/05/03 Python
简单掌握CSS3中resize属性的用法
2016/04/01 HTML / CSS
英国羊皮鞋类领先品牌:Just Sheepskin
2019/12/12 全球购物
教育专业个人求职信
2013/12/02 职场文书
委托书模板
2014/04/04 职场文书
2014年纪委工作总结
2014/12/05 职场文书
2015年售票员工作总结
2015/04/29 职场文书
写给老师的保证书
2015/05/09 职场文书
HTML5中 rem适配方案与 viewport 适配问题详解
2021/04/27 HTML / CSS