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 相关文章推荐
JS 判断代码全收集
Apr 28 Javascript
javascript 写类方式之七
Jul 05 Javascript
Jquery replace 字符替换实现代码
Dec 02 Javascript
使用非html5实现js板连连看游戏示例代码
Sep 22 Javascript
jQuery网页版打砖块小游戏源码分享
Aug 20 Javascript
jquery实现两边飘浮可关闭的对联广告
Nov 27 Javascript
bootstrap table使用入门基本用法
May 24 Javascript
微信小程序之GET请求的实例详解
Sep 29 Javascript
利用node.js如何创建子进程详解
Dec 09 Javascript
node puppeteer(headless chrome)实现网站登录
May 09 Javascript
微信小程序实现弹出菜单功能
Jun 12 Javascript
vue项目持久化存储数据的实现代码
Oct 01 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调用c接口无错版介绍
2014/03/11 PHP
PHP简单实现“相关文章推荐”功能的方法
2014/07/19 PHP
PHP使用mysqli操作MySQL数据库的简单方法
2017/02/04 PHP
[原创]php实现数组按拼音顺序排序的方法
2017/05/03 PHP
TP5框架请求响应参数实例分析
2019/10/17 PHP
常见的5个PHP编码小陋习以及优化实例讲解
2021/02/27 PHP
直接生成打开窗口代码,不必下载
2008/05/14 Javascript
JavaScript 函数式编程的原理
2009/10/16 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
2013/09/25 Javascript
SeaJS 与 RequireJS 的差异对比
2014/12/08 Javascript
jQuery+json实现的简易Ajax调用实例
2015/12/14 Javascript
jquery表单验证插件validation使用方法详解
2017/01/20 Javascript
Web技术实现移动监测的介绍
2017/09/18 Javascript
ECMAScript6变量的解构赋值实例详解
2017/09/19 Javascript
vue2实现搜索结果中的搜索关键字高亮的代码
2018/08/29 Javascript
利用jqgrid实现上移下移单元格功能
2018/11/07 Javascript
vue框架中props的typescript用法详解
2020/02/17 Javascript
vue修改Element的el-table样式的4种方法
2020/09/17 Javascript
[38:54]完美世界DOTA2联赛PWL S2 Rebirth vs LBZS 第一场 11.28
2020/12/01 DOTA
python list中append()与extend()用法分享
2013/03/24 Python
Python模块包中__init__.py文件功能分析
2016/06/14 Python
Python自动化运维_文件内容差异对比分析
2017/12/13 Python
python Selenium实现付费音乐批量下载的实现方法
2019/01/24 Python
33个Python爬虫项目实战(推荐)
2019/07/08 Python
python+numpy实现的基本矩阵操作示例
2019/07/19 Python
css3绘制百度的小度熊
2018/10/29 HTML / CSS
HTML5 实现一个访问本地文件的实例
2012/12/13 HTML / CSS
FLOS美国官网:意大利高级照明工艺的传奇
2018/08/07 全球购物
List、Map、Set三个接口,存取元素时,各有什么特点?
2015/09/27 面试题
铁路安全事故反思
2014/04/26 职场文书
公司授权委托书格式范文
2014/10/02 职场文书
优秀班主任事迹材料
2014/12/16 职场文书
2016教师廉洁教育心得体会
2016/01/13 职场文书
2016年最美孝心少年事迹材料
2016/02/26 职场文书
Win10防火墙白名单怎么设置?Win10添加防火墙白名单方法
2022/04/06 数码科技
实战Python爬虫爬取酷我音乐
2022/04/11 Python