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 下namespace 功能的简单分析
Jul 05 Javascript
自动设置iframe大小的jQuery代码
Sep 11 Javascript
JavaScript函数参数使用带参数名的方式赋值传入的方法
Mar 19 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
Sep 05 Javascript
BootStrap 动态添加验证项和取消验证项的实现方法
Sep 28 Javascript
vue引用js文件的多种方式(推荐)
May 17 Javascript
vue里input根据value改变背景色的实例
Sep 29 Javascript
微信小程序使用canvas自适应屏幕画海报并保存图片功能
Jul 25 Javascript
vue项目或网页上实现文字转换成语音播放功能
Jun 09 Javascript
javascript全局自定义鼠标右键菜单
Dec 08 Javascript
vue使用echarts画组织结构图
Feb 06 Vue.js
react中的DOM操作实现
Jun 30 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
一个用mysql_odbc和php写的serach数据库程序
2006/10/09 PHP
destoon二次开发入门示例
2014/06/20 PHP
调试PHP程序的多种方法介绍
2014/11/06 PHP
浅谈php冒泡排序
2014/12/30 PHP
php打包网站并在线压缩为zip
2016/02/13 PHP
PHP 二维数组和三维数组的过滤
2016/03/16 PHP
thinkPHP中_initialize方法实例分析
2016/12/05 PHP
PHP使用preg_split()分割特殊字符(元字符等)的方法分析
2017/02/04 PHP
php curl操作API接口类完整示例
2019/05/21 PHP
javascript不同页面传值的改进版
2008/09/30 Javascript
JavaScript之HTMLCollection接口代码
2011/04/27 Javascript
jquery实现每个数字上都带进度条的幻灯片
2013/02/20 Javascript
JQuery筛选器全系列介绍
2013/08/27 Javascript
jquery实现加载等待效果示例
2013/09/25 Javascript
jQuery实现可收缩展开的级联菜单实例代码
2013/11/27 Javascript
完美兼容各大浏览器获取HTTP_REFERER方法总结
2014/06/24 Javascript
JS 打印功能代码可实现打印预览、打印设置等
2014/10/31 Javascript
JS实现网站菜单拖拽移位效果的方法
2015/09/24 Javascript
基于Javascript实现文件实时加载进度的方法
2016/10/12 Javascript
JS实现的简单四则运算计算器功能示例
2017/09/27 Javascript
vue slots 组件的组合/分发实例
2018/09/06 Javascript
JavaScript的词法结构精华篇
2018/10/17 Javascript
详解从vue-loader源码分析CSS Scoped的实现
2019/09/23 Javascript
vue缓存之keep-alive的理解和应用详解
2020/11/02 Javascript
[03:36]2014DOTA2 TI小组赛综述 八强诞生进军钥匙球馆
2014/07/15 DOTA
python压缩文件夹内所有文件为zip文件的方法
2015/06/20 Python
Python部署web开发程序的几种方法
2017/05/05 Python
python创造虚拟环境方法总结
2019/03/04 Python
浅谈python常用程序算法
2019/03/22 Python
Django restful framework生成API文档过程详解
2020/11/12 Python
pandas针对excel处理的实现
2021/01/15 Python
解析HTML5中的新功能本地存储localStorage
2016/03/01 HTML / CSS
大学生创业计划书怎么写
2014/09/15 职场文书
电工实训报告总结
2014/11/05 职场文书
2015年监理工作总结范文
2015/04/07 职场文书
使用 MybatisPlus 连接 SqlServer 数据库解决 OFFSET 分页问题
2022/04/22 SQL Server