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学习资源站点
Aug 29 Javascript
JavaScript 基础篇之运算符、语句(二)
Apr 07 Javascript
详解JavaScript中undefined与null的区别
Mar 29 Javascript
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
Oct 31 Javascript
谷歌浏览器调试JavaScript小技巧
Dec 29 Javascript
详解JavaScript的流程控制语句
Nov 30 Javascript
详解js跨域原理以及2种解决方案
Dec 09 Javascript
JavaScript编写页面半透明遮罩效果的简单示例
May 09 Javascript
JS实现的自动打字效果示例
Mar 10 Javascript
vue-cli脚手架引入图片的几种方法总结
Mar 13 Javascript
VSCode写vue项目一键生成.vue模版,修改定义其他模板的方法
Apr 17 Javascript
Vue的过滤器你真了解吗
Feb 24 Vue.js
浅谈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如何实现Unicode和Utf-8编码相互转换
2015/07/29 PHP
php封装的单文件(图片)上传类完整实例
2016/10/18 PHP
yii2使用GridView实现数据全选及批量删除按钮示例
2017/03/01 PHP
在Laravel5.6中使用Swoole的协程数据库查询
2018/06/15 PHP
PHP fclose函数用法总结
2019/02/15 PHP
php利用array_search与array_column实现二维数组查找
2019/07/08 PHP
javascript 单例/单体模式(Singleton)
2011/04/07 Javascript
jQuery实现的一个自定义Placeholder属性插件
2014/08/11 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
JavaScript模拟鼠标右键菜单效果
2020/12/08 Javascript
jQuery 3.0十大新特性
2016/07/06 Javascript
jQuery基于函数重载实现自定义Alert函数样式的方法
2016/07/27 Javascript
JavaScript实战(原生range和自定义特效)简单实例
2016/08/21 Javascript
正则验证小数点后面只能有两位数的方法
2017/02/28 Javascript
微信小程序 图片宽度自适应的实现
2017/04/06 Javascript
AngularJS基于MVC的复杂操作实例讲解
2017/12/31 Javascript
Node.js搭建WEB服务器的示例代码
2018/08/15 Javascript
JavaScript设计模式之观察者模式实例详解
2019/01/16 Javascript
json数据格式常见操作示例
2019/06/13 Javascript
解决LayUI数据表格复选框不居中显示的问题
2019/09/25 Javascript
在vscode 中设置 vue模板内容的方法
2020/09/02 Javascript
JS实现斐波那契数列的五种方式(小结)
2020/09/09 Javascript
微信小程序接入vant Weapp组件的详细步骤
2020/10/28 Javascript
[02:12]探秘2016国际邀请赛中国区预选赛选手房间
2016/06/25 DOTA
python二叉树的实现实例
2013/11/21 Python
Python中的对象,方法,类,实例,函数用法分析
2015/01/15 Python
python分析apache访问日志脚本分享
2015/02/26 Python
Python中常见的数据类型小结
2015/08/29 Python
python 在指定范围内随机生成不重复的n个数实例
2019/01/28 Python
详解用Python调用百度地图正/逆地理编码API
2020/07/02 Python
Python的logging模块基本用法
2020/12/24 Python
美国在线纱线商店:Darn Good Yarn
2019/03/20 全球购物
高中生毕业自我鉴定
2013/10/10 职场文书
爱心倡议书范文
2014/05/12 职场文书
教师思想工作总结2015
2015/05/13 职场文书
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
2022/04/09 Javascript