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实现学校的校历(asp.net+jquery ui 1.72)
Jan 01 Javascript
jquery实现div阴影效果示例代码
Sep 16 Javascript
JS操作Cookie写入和读取实例代码
Oct 20 Javascript
使用jQuery和PHP实现类似360功能开关效果
Feb 12 Javascript
js的touch事件的实际引用
Oct 13 Javascript
TinyMCE提交AjaxForm获取不到数据的解决方法
Mar 05 Javascript
jquery小火箭返回顶部代码分享
Aug 19 Javascript
Bootstrap进度条学习使用
Feb 09 Javascript
JS实现页面打印功能
Mar 16 Javascript
Node中使用ES6语法的基础教程
Jan 05 Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
Nov 12 Javascript
WebRTC记录音视频流(web技术分享)
Feb 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
留言板翻页的实现详解
2006/10/09 PHP
PHP读取RSS(Feed)简单实例
2014/06/12 PHP
CI框架装载器Loader.php源码分析
2014/11/04 PHP
php创建session的方法实例详解
2015/01/27 PHP
解决ThinkPHP下使用上传插件Uploadify浏览器firefox报302错误的方法
2015/12/18 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
jquery中ajax学习笔记3
2011/10/16 Javascript
JQUERY1.6 使用方法四 检测浏览器
2011/11/23 Javascript
node.js入门教程迷你书、node.js入门web应用开发完全示例
2014/04/06 Javascript
简介AngularJS中$http服务的用法
2016/02/06 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
2016/06/06 Javascript
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
2016/08/05 Javascript
Jquery Easyui表单组件Form使用详解(30)
2016/12/19 Javascript
提高Web性能的前端优化技巧总结
2017/02/27 Javascript
Angular开发实践之服务端渲染
2018/03/29 Javascript
jquery判断滚动条距离顶部的距离方法
2018/09/05 jQuery
jQuery实现左右两个列表框的内容相互移动功能示例
2019/01/27 jQuery
python实现多线程暴力破解登陆路由器功能代码分享
2015/01/04 Python
pandas中去除指定字符的实例
2018/05/18 Python
python 获取一个值在某个区间的指定倍数的值方法
2018/11/12 Python
python算法与数据结构之单链表的实现代码
2019/06/27 Python
对python3中的RE(正则表达式)-详细总结
2019/07/23 Python
4行Python代码生成图像验证码(2种)
2020/04/07 Python
Jupyter Notebook输出矢量图实例
2020/04/14 Python
Python日志打印里logging.getLogger源码分析详解
2021/01/17 Python
python pygame 愤怒的小鸟游戏示例代码
2021/02/25 Python
美国玛丽莎收藏奢华时尚商店:Marissa Collections
2016/11/21 全球购物
ECCO爱步美国官网:来自丹麦的鞋履品牌
2016/11/23 全球购物
英国哈罗德园艺:Harrod Horticultural
2020/03/31 全球购物
大学生个人自荐信
2014/02/24 职场文书
赔偿协议书范本
2014/04/15 职场文书
婚礼答谢礼品
2015/01/20 职场文书
劳动仲裁代理词范文
2015/05/25 职场文书
python异常中else的实例用法
2021/06/15 Python
mysql优化之query_cache_limit参数说明
2021/07/01 MySQL
一定要知道的 25 个 Vue 技巧
2021/11/02 Vue.js