JavaScript 学习笔记之操作符


Posted in Javascript onJanuary 14, 2015

一、一元操作符

1、自增自减操作符:分为前置型和后置型;

前置型:++a;--a;

后置型:a++;a--;

例:

   <script type="text/javascript">

         var a, b,i= 1,j=1;

         a=i++;

         b=++j;

         alert("a="+a+",i="+i+",b="+b+",j="+j);//a=1,i=2,b=2,j=2

     </script>

其中a=i++,相当于a=i;i=i+1;
而b=++j,相当于j=j+1;b=j;

2、一元加减操作符:a=+i;a=-i;

  <script type="text/javascript">

         var a, b,i= 1,j=1;

         a=+i;

         b=-j;

         alert("a="+a+",i="+i+",b="+b+",j="+j);//a=1,i=1,b=-1,j=1

 </script>

对整数而言,一元减相当于取负数。

二、位操作符

1、按位非~ (NOT)

非,即按二进制形式将所有数字取反。

常见用法:位运算 NOT 实质上是对数字求负,然后减 1

2、按位或| (OR)

或,即按二进制形式将所有的数字与目标数字按位进行或操作。

常见用法:通常用于二进制数字的无条件赋值。例如:一个数字|1,相当于与获取与当前数字最接近的奇数。

3、按位与& (AND)

与,即按二进制形式将所有的数字与目标数字按位进行与操作。

常见用法:通常用于二进制的取位操作,例如:一个数字&1,如果结果为0则为偶数,如果为1则为奇数。

4、按位异或^ (XOR)

异或,即按二进制形式将所有数字与目标数字对比,只有两个数字不相同即只有一个数位存放的是1的时候返回1,如两个数字相同返回0.

常见用法:xor运算的逆运算是它本身,也就是说两次异或同一个数最后结果不变。可以用于简单的加密,或交互数值操作。

5、左移<<

左移,即按二进制形式把所有的数字向左移动对应的位数,高位移出(舍弃),低位的空位补零。左移不会影响符号位。

数学意义:在数字没有溢出的前提下,对于正数和负数,左移一位都相当于乘以2的1次方,左移n位就相当于乘以2的n次方。

6、右移

6.1有符号的右移>>:即按二进制形式把所有的数值向右移动但是保留符号位。

数学意义:在数字没有溢出的前提下,对于正数和负数,右移一位都相当于除以2的1次方,右移n位就相当于除以2的n次方。

6.2无符号的右移>>>:即按二进制形式把所有的数值,包括符号位都向右移动。

对于正数来说>>和>>>的结果是一样的;

对负数来说,由于负数以其绝对值的补码形式表示,因此会导致无符号右移结果非常大。

三、布尔操作符

1、逻辑非  !
逻辑非用!表示,可以应用与ECMAScript的任何类型的值,逻辑非操作返回的是一个布尔值(true/false)。该操作符首先会将它的操作数转换为一个布尔值,然后再对其求反.

!!相当于Boolean()函数。

Boolean()转型函数的一组规则。

数据类型 转换为true的值 转换为false的值
Boolean true false
String

 任何非空字符串 ""(空字符串)
Number  任何非零数字值(包括无穷大) 0和NaN
Object 任何对象 null
Undefined  无 undefined

2、逻辑与&&

逻辑与有两个操作数。

逻辑与操作可以应用于任何类型的操作数,而不仅仅是布尔值。在有一个操作数不是布尔值的情况下,逻辑与操作就不一定返回布尔值;此时,它遵循一下规则:
1. 如果第一个操作数是对象,则返回第二个操作数;
2. 如果第二个操作数是对象,则只有在第一个操作数的求值结果为true的情况下才会返回该对象;
3. 如果两个操作符都是对象,则返回第二个操作数; 遵循第一规则。
4. 如果有一个操作数是null,则返回null;
5. 如果有一个操作数是NaN,则返回NaN;
6. 如果有一个操作数是undefined,则返回undefined。

逻辑与操作属于短路操作,即如果第一操作数能够决定结果,那么就不会再对第二个操作数求值。(可以理解为内部的两个return操作)。因此当4、5、6规则冲突时,遵循短路操作原则。

 var nul = null; 

 var na = NaN; 

 var test; 

 test = na&&nul; 

 document.write(test); //NaN
 var nul = null; 

 var na = NaN; 

 var test; 

 test = nul&&na; 

 document.write(test); //null

3、逻辑或||

逻辑或有两个操作数。

逻辑或与逻辑与相似,操作可以应用于任何类型的操作数,而不仅仅是布尔值。在有一个操作数不是布尔值的情况下,逻辑或操作就不一定返回布尔值;此时,它遵循一下规则:
1. 如果第一个操作数是对象,则返回第一个操作数;
2. 如果第一个操作数的结果是false,则返回第二个操作数;
3. 如果两个操作符都是对象,则返回第一个操作数,遵循第一条规则。
4. 如果两个操作数都是null,则返回null;
5. 如果两个操作数都是NaN,则返回NaN;
6. 如果两个操作数都是undefined,则返回undefined。

逻辑或操作属于短路操作,即如果第一操作数结果为true,那么就不会再对第二个操作数求值。

我们可以利用逻辑或的这个特性来避免为变量赋null或undefined的值

例如:var myObject=firstObject||secondObject

如果firstObject不是null,则firstObject被赋值给myObject,否则将secondObject的值赋给myObject.

以上内容就是本文的全部了,希望对大家能有所帮助

Javascript 相关文章推荐
JQuery判断HTML元素是否存在的两种解决方法
Dec 26 Javascript
jquery使用$(element).is()来判断获取的tagName
Aug 24 Javascript
在AngularJS中使用jQuery的zTree插件的方法
Apr 21 Javascript
jQuery flip插件实现的翻牌效果示例【附demo源码下载】
Sep 20 Javascript
微信小程序 图片绝对定位(背景图片)
Apr 05 Javascript
react 国际化的实现代码示例
Sep 14 Javascript
JavaScript 对引擎、运行时、调用堆栈的概述理解
Oct 22 Javascript
JavaScript对象的特性与实践应用深入详解
Dec 30 Javascript
深入理解es6块级作用域的使用
Mar 28 Javascript
Javascript原型链及instanceof原理详解
May 25 Javascript
node.js +mongdb实现登录功能
Jun 18 Javascript
小程序实现上下切换位置
Nov 16 Javascript
Node.js的包详细介绍
Jan 14 #Javascript
JavaScript 学习笔记之数据类型
Jan 14 #Javascript
ExpressJS入门实例
Jan 14 #Javascript
jquery加载图片时以淡入方式显示的方法
Jan 14 #Javascript
JavaScript 学习笔记之变量及其作用域
Jan 14 #Javascript
jquery简单图片切换显示效果实现方法
Jan 14 #Javascript
Node.js开发之访问Redis数据库教程
Jan 14 #Javascript
You might like
fgetcvs在linux的问题
2012/01/15 PHP
PHP页面间传递值和保持值的方法
2016/08/24 PHP
Laravel获取当前请求的控制器和方法以及中间件的例子
2019/10/11 PHP
XmlUtils JS操作XML工具类
2009/10/01 Javascript
js调用webservice中的方法实现思路及代码
2013/02/25 Javascript
js读取配置文件自写
2014/02/11 Javascript
jQuery中index()方法用法实例
2014/12/27 Javascript
JS实现仿QQ聊天窗口抖动特效
2015/05/10 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
2016/07/07 Javascript
手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果
2016/08/25 Javascript
解析利用javascript如何判断一个数为素数
2016/12/08 Javascript
jquery实时获取时间的简单实例
2017/01/26 Javascript
使用JavaScript开发跨平台的桌面应用详解
2017/07/27 Javascript
React Native如何消除启动时白屏的方法
2017/08/08 Javascript
JavaScript基础之流程控制语句的用法
2017/08/31 Javascript
vue自定义filters过滤器
2018/04/26 Javascript
微信小程序列表中item左滑删除功能
2018/11/07 Javascript
layui表格分页 记录勾选的实例
2019/09/02 Javascript
微信小程序图片加载失败时替换为默认图片的方法
2019/12/09 Javascript
vue单文件组件无法获取$refs的问题
2020/06/24 Javascript
[54:28]EG vs OG 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/18 DOTA
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
Python中subprocess的简单使用示例
2015/07/28 Python
Python实现的人工神经网络算法示例【基于反向传播算法】
2017/11/11 Python
django与小程序实现登录验证功能的示例代码
2019/02/19 Python
利用python在大量数据文件下删除某一行的例子
2019/08/21 Python
python+OpenCV实现车牌号码识别
2019/11/08 Python
基于python实现文件加密功能
2020/01/06 Python
Python调用shell命令常用方法(4种)
2020/05/11 Python
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
同步和异步有何异同,在什么情况下分别使用他们?举例说明
2014/02/27 面试题
大学生农村教师实习自我鉴定
2013/09/21 职场文书
小学感恩教育活动总结
2014/07/07 职场文书
2014保险公司内勤工作总结
2014/12/16 职场文书
小学运动会开幕词
2015/01/28 职场文书
利用Python脚本写端口扫描器socket,python-nmap
2022/07/23 Python