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 相关文章推荐
Javascript 作用域使用说明
Aug 13 Javascript
不用构造函数(Constructor)new关键字也能实现JavaScript的面向对象
Jan 11 Javascript
jquery 利用show和hidden实现级联菜单示例代码
Aug 09 Javascript
JS+CSS实现的日本门户网站经典选项卡导航效果
Sep 27 Javascript
基于jQuery Ajax实现上传文件
Mar 24 Javascript
关于Javascript中document.cookie的使用
Mar 08 Javascript
JS中利用FileReader实现上传图片前本地预览功能
Mar 02 Javascript
vue1.0和vue2.0的watch监听事件写法详解
Sep 11 Javascript
vue.js指令v-for使用以及下标索引的获取
Jan 31 Javascript
vue项目前端微信JSAPI与外部H5支付相关实现过程及常见问题
Apr 14 Javascript
JavaScript 几种循环方式以及模块化的总结
Sep 03 Javascript
浅谈Vue static 静态资源路径 和 style问题
Nov 07 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
DOTA2游戏同人动画《龙之血》导演接受采访
2021/03/05 欧美动漫
php生成数组的使用示例 php全组合算法
2014/01/16 PHP
php将字符串全部转换成大写或者小写的方法
2015/03/17 PHP
PHP中类型转换 ,常量,系统常量,魔术常量的详解
2017/10/26 PHP
PHP设计模式之模板模式定义与用法详解
2018/12/20 PHP
Prototype1.5 rc2版指南最后一篇之Position
2007/01/10 Javascript
IE与Firefox下javascript getyear年份的兼容性写法
2007/12/20 Javascript
浅析Bootstrip的select控件绑定数据的问题
2016/05/10 Javascript
jQuery EasyUI tree 使用拖拽时遇到的错误小结
2016/10/10 Javascript
js学习笔记之事件处理模型
2016/10/31 Javascript
微信小程序 表单Form实例详解(附源码)
2016/12/22 Javascript
详解Vuejs2.0之异步跨域请求
2017/04/20 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
2018/03/03 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
2018/09/11 Javascript
countUp.js实现数字动态变化效果
2019/10/17 Javascript
Vue学习之组件用法实例详解
2020/01/06 Javascript
基于NodeJS开发钉钉回调接口实现AES-CBC加解密
2020/08/20 NodeJs
[34:44]Liquid vs TNC Supermajor 胜者组 BO3 第二场 6.4
2018/06/05 DOTA
python抓取豆瓣图片并自动保存示例学习
2014/01/10 Python
python进阶教程之循环对象
2014/08/30 Python
django表单的Widgets使用详解
2019/07/22 Python
一篇文章弄懂Python中的可迭代对象、迭代器和生成器
2019/08/12 Python
获取Pytorch中间某一层权重或者特征的例子
2019/08/17 Python
python实现小世界网络生成
2019/11/21 Python
keras实现基于孪生网络的图片相似度计算方式
2020/06/11 Python
无惧面试,带你搞懂python 装饰器
2020/08/17 Python
英国高街电视:High Street TV
2018/05/22 全球购物
轻金属冶金专业毕业生自荐信
2013/11/02 职场文书
优秀员工个人的自我评价
2013/11/29 职场文书
我的网上商城创业计划书
2013/12/26 职场文书
员工培训心得体会
2013/12/30 职场文书
幼儿园大班毕业感言
2014/02/06 职场文书
股权收购意向书
2014/04/01 职场文书
调研座谈会发言材料
2014/08/23 职场文书
财务人员入职担保书
2015/09/22 职场文书
如何开启Apache,Nginx和IIS服务器的GZIP压缩功能
2022/04/29 Servers