JavaScript 学习笔记之操作符

一、一元操作符

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.

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

赞 (0)

相关推荐

  • JavaScript 时分秒时间代码(自动补零)

    function startTime() { var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() //add a zero in front of numbers which [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] javascript 补零 函数集合

  • javascript内置对象操作详解

    javascript内置对象操作详解

    1.indexOf() 方法 -----这个方法比较常用 返回某个指定的字符串值在字符串中首次出现的位置 使用格式:stringObject.indexOf(substring, startpos) 举个例子:寻找第二个o所在的位子 var mystr="Hello World!" document.write(mystr.indexOf("o",mystr.indexOf("o")+1));--------结果是:7 mystr.indexOf

  • 使用ajax操作 JavaScript 对象

    通过请求获取充分格式化的HTML虽然很方便,但这也意味着必须在传输文本内容的同时也 传输很多HTML标签.有时候,我们希望能够尽量少传输一些数据,然后马上处理这些数据.在 这种情况,我们希望取得能够通过JavaScript进行遍历的数据结构.           使用jQuery的选择符可以遍历和操作取得的HTML结构,但是还有一种JavaScript内置的数据 格式,既能减少数据传输量,也会减少编码量. 1.取得JSON 前面我们曾经看到过,JavaScript对象是由一些"键-值"

  • javascript 补零 函数集合

    在输出整数时如果需要在前面或者后面补零成一定长度可以用以下函数. function padLeft(str,lenght){ if(str.length >= lenght) return str; else return padLeft("0" +str,lenght); } function padRight(str,lenght){ if(str.length >= lenght) return str; else return padRight(str+"

  • JavaScript 空位补零实现代码

    实现一: 复制代码 代码如下: /* 平淡无奇法 */ function pad(num, n) { var i = (num + "").length; while(i++ < n) num = "0" + num; return num; } 上面的代码太平淡无奇,体现不了我的真实水平.于是有了实现二: 复制代码 代码如下: /* 神奇递归法 */ function pad2(num, n) { if ((num + "").lengt

  • JavaScript前补零操作实例

    本文实例讲述了JavaScript前补零操作的方法.分享给大家供大家参考.具体如下: 很多时候为了显示格式,需要在某一字符串不满位的情况下进行前补0操作. 1. 传统代码 /** * 前补0操作 * @param number String 待操作字符串 * @param length int 目标长度 */ function addZero(number, length) { var buffer = ""; if (number == "") { for (va

  • JavaScript中Cookie操作实例

    JavaScript Cookie Cookie对象: Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据). Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取. Cookie文件的格式: NS:Cookie.txt IE:用户名@域名.txt 有两种类型的cookie: (1)持久性cookie,会被存储到客户端的硬盘上. (2)会话Cookie:不

  • Javascript数组操作函数总结

    其实平时用的比较多的应该是push和pop,不过还是都记下来,以便后面使用. shift :删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined 复制代码 代码如下: var a = [1,2,3,4,5]; var b = a.shift(); //a:[2,3,4,5] b:1 unshift :将参数添加到原数组开头,并返回数组的长度 复制代码 代码如下: var a = [1,2,3,4,5]; var b = a.unshift(-2,-1); //a:[-2,-

  • JavaScript 学习笔记之操作符

    一.一元操作符 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=&

  • JavaScript 学习笔记之操作符（续）

    一.乘性操作符 1.乘法:* 乘法操作符的一些特殊规则: 如果操作数都是数值,按照常规的乘法计算,如果乘积超过了ECMAscript数值的表示范围,则返回infinity或者-infinity 如果有一个操作数是NaN,那返回结果就是NaN 如果是infinity与0相乘,返回NaN 如果infinity与非0数相乘,返回infinity或者-infinity infinity与infinity相乘,返回infinity 如果有一个操作数不是数值,后台会先调用number()将其转化为数值,再应

  • JavaScript学习笔记之创建对象

    JavaScript 有Date.Array.String等这样的内置对象,功能强大使用简单,人见人爱,但在处理一些复杂的逻辑的时候,内置对象就很无力了,往往需要开发者自定义对象. 从JavaScript定义上讲对象是无序属性的集合,其属性可以包含基本值.对象或函数.也就是说对象是一组没有特定顺序的属性,每个属性会映射到一个值上,是一组键值对,值可以是数据或对象. 对象是JavaScript的基本数据类型.在JavaScript中除了字符串.数字.true.false.null和undefine

  • Javascript学习笔记之 对象篇（四） : for in 循环

    先上范例: // Poisoning Object.prototype Object.prototype.bar = 1; var foo = {moo: 2}; for(var i in foo) { console.log(i); // prints both bar and moo } 这里我们要注意两点,一是 for in 循环会忽略 enumerable 设置为 false 的属性.例如一个数组的 length 属性.第二是,由于 for in 会遍历整个原型链,所以当原型链过长时,会

  • JavaScript学习笔记之ES6数组方法

    ES6(ECMAScript 6)是即将到来的新版本JavaScript语言的标准,代号harmony(和谐之意,显然没有跟上我国的步伐,我们已经进入中国梦版本了).上一次标准的制订还是2009年出台的ES5.目前ES6的标准化工作正在进行中,预计会在14年12月份放出正式敲定的版本.但大部分标准已经就绪,且各浏览器对ES6的支持也正在实现中. ES6给数组添加了一些新特性,而这些新特性到目前为止完全可以运用到自己的业务层.在这一节中将总结有关于ES6给数组提供一些新特性的使用方法. ES6提供

  • JavaScript学习笔记之数组去重

    推荐阅读:JavaScript学习笔记之数组的增.删.改.查 JavaScript学习笔记之数组求和方法 JavaScript学习笔记之数组随机排序 话说面试常会碰到面试官会问JavaScript实现数组去重的问题,最近刚好在学习有关于JavaScript数组相关的知识,趁此机会整理了一些有关于JavaScript数组去重的方法. 下面这些数组去重的方法是自己收集和整理的,如有不对希望指正文中不对之处. 双重循环去重 这个方法使用了两个for循环做遍历.整个思路是: 构建一个空数组用来存放去重后

  • JavaScript学习笔记整理_setTimeout的应用

    setTimeou的t应用 var ids = []; function foo1(i) { this.i = i; console.log('i = '+i); ids[0] = setTimeout((function () { foo1(i); }),1000); } function foo2(j) { this.j = j; console.log('j = '+j); ids[1] = setTimeout((function () { foo2(j); }),1000); } fo

  • JavaScript学习笔记(三)：JavaScript也有入口Main函数

    在C和Java中,都有一个程序的入口函数或方法,即main函数或main方法.而在JavaScript中,程序是从JS源文件的头部开始运行的.但是某种意义上,我们仍然可以虚构出一个main函数来作为程序的起点,这样一来不仅可以跟其他语言统一了,而且说不定你会对JS有更深的理解. 1. 实际的入口 当把一个JavaScript文件交给JS引擎执行时,JS引擎就是从上到下逐条执行每条语句的,直到执行完所有代码. 2. 作用域链.全局作用域和全局对象 我们知道,JS中的每个函数在执行时都会产生一个新的

  • javascript学习笔记_浅谈基础语法,类型,变量

    基础语法.类型.变量 非数字值的判断方法:(因为Infinity和NaN他们不等于任何值,包括自身) 1.用x != x ,当x为NaN时才返回true; 2.用isNaN(x) ,当x为NaN或非数字值时,返回true; 3.用isFinity(x),在x不是NaN.Infinity.-Infinity时返回true; 虽然(字符串.数字.布尔值)不是对象,他们的属性是只读的,但也可以像操作对象一样来引用他们的属性和方法,原理: javascript构造一个(String.Number.Boo

  • JavaScript学习笔记整理_关于表达式和语句

    表达式和语句 eval( ) 只有一个参数 参数非字符串时,直接返回这个参数: 参数为字符串时,它把字符串当成JavaScript代码进行编译,编译失败则抛出语法错误,编译成功则执行代码,并返回最后一条语句的值,若没有值则返回undefined eval()使用了调用它的变量的作用域环境 它接收的字符串参数,在作为单独的代码时,必须是有语义的,否则编译失败 delete运算符:用来删除对象的自由属性.数组的元素, 删除属性后,属性将不存在,而删除数组元素后,会在数组内留下一个值为undefine

随机推荐