javascript运算符整理

说起运算符，基本上各类编程语言中都会涉及，使用方法大同小异。今天在这里以javascript做简单的整理。

总得来说运算符还是比较的多，大致可以分为以下几种类型：

• 一元运算符
• 位运算符
• 布尔运算符
• 乘性运算符
• 加性运算符
• 关系运算符
• 等性运算符
• 条件运算符
• 赋值运算符
• 逗号运算符

可以说只要学习过变成语言对这些运算符应该是并不陌生的，只要有逻辑或者是计算都会用到上面的运算符，之前我也是比较零散的使用过，从来没有系统的学习和整理过这些运算符到底怎么使用？之间有什么区别和联系？有什么使用上的技巧？今天，就以上述提到的问题进行学习和解释。

一元运算符

delete运算符，删除之前定义的对象属性或方法的引用，当删除失败的时候，返回false，那什么时候会删除失败呢？第一不能删除声明的变量（变量、函数、函数参数），如：var a = 1；第二不能删除内置对象的方法，如：Math.PI；第三定义的变量属性的configurable值为false的，不能删除。需要注意的是，在IE6-8下，delete window属性会报类型错误。具体的可以了解一下之前写的javascript的delete机制

void运算符，对任何值返回undefine，该运算符常用于避免输出不应该输出的值。我们常见的是<a href=“javascript:void();”>点我</a>这样这个链接就没有效果了，就是因为返回了一个undefine，不执行a标签的默认事件了，相当于执行了return false。

前增量/前减量运算符，指的是变量自身数值上增1或者减1。后增量/后减量运算符，指的也是变量自身数值上增1或者减1。他们的区别在于，如果将这个运算赋值的话是有区别的：

var fnum = 1;

var bnum = 1;

var forward = ++fnum; //fnum = 2; forward = 2;

var back = bnum++; //bnum = 2; back = 1

//减量运算符结果是类似的

一元加法和一元减法运算符，一元加法和减法对数字是一样的，就是数学上的加减运算，但是一元加法在字符串中却有着神奇的效果。涉及到javascript的数据类型转化，有兴趣的同学也可以在此了解一二。

位运算符

学习位运算符之前，需要知道的是位运算符是在数字底层（即表示数字的32个数位）进行操作的。ECMAScript整数分为两种类型：有符号整数（允许正数和负数）和无符号整数（只允许正数）。在ECMAScript中，默认使用有符号整数。这意味着，有31位表示数值，一位表示符号，其中0表示负数，1表示正数。负数也存储为二进制代码，不过采用的是二进制补码的形式。那么二进制补码怎么计算呢？首先求出数字绝对值的二进制码也叫做原码，然后求出该原码的反码，最后将反码加1就是补码了。有趣的是，ECMAScript并不是以二进制补码的形式显示的，而是将数值的绝对值的二进制码前加负号进行显示。

var num1 = 18;

var num2 = -18;

num1.toString(2); // ‘10010’

num 2.toString(2); // ‘-10010’

　　

了解了这个基础，就可以来学习js中的位运算符了。

位运算符NOT，是由~表示的，它的计算过程是：首先将运算数转成32位数字，然后转化成它的反码，最后把二进制转成浮点数。其实这个过程还是很难转化的，位运算NOT实质上，就是对数值求负然后减1（这里所说的都是按整数位计算）。

位运算AND，是由&表示的，将数值分别换算成二进制，然后按位AND运算，运算规则如下：

第一个数字中的数位	第二个数字中的数位	结果
1	1	1
1	0	0
0	1	0
0	0	0

位运算OR，是由|表示的，将数值分别换成二进制，然后按位OR运算，运算规则如下：

第一个数字中的数位	第二个数字中的数位	结果
1	1	1
1	0	1
0	1	1
0	0	0

位运算XOR，是由^表示的，将数值分别换算成二进制，然后按位XOR运算，运算规则如下：

第一个数字中的数位	第二个数字中的数位	结果
1	1	0
1	0	1
0	1	1
0	0	0

左移运算，是两个小于号(<<)。它把数字中所有数位向左移动指定数量。移动之后，右边补零，然后转换成十进制即可。如：

var num = 2; // 二进制为：’10'

var newNum = num << 5;

console.log(newNum); // 64 二进制为：’1000000’

有符号右移运算符，由两个大于号(>>)表示。它把数字中所有数位向右移动指定数量，保留符号位。移动之后，左边补零，然后转换成十进制即可。如：

var num = 64; // 二进制为：’1000000’

var newNum = num >> 5;

console.log(newNum); //2 二进制为：’10’

无符号右移运算符，由三个大于号(>>>)表示。这个和有符号右移的区别是，无符号需要整体移动，这样一个负数就会变成一个正数。所以在使用的时候需要小心。

布尔运算符

学习之前，需要知道其他数据类型是怎么转换成布尔类型的，如下：

参数类型	结果
undefine	false
null	false
boolean	不转换
number	0是false，NAN是false，其他为true
string	空字符串为false，其他为true
object	true

逻辑NOT运算符，使用!表示。是一个求非的过程。

逻辑AND运算符，使用&&表示，两边的表达式只有两个都是true，结果才是true，其他情况都是false。

逻辑OR运算符，使用||表示，两边的表达式只有两个都是false，结果才是false，其他情况都是true。

需要注意的是，如果&&和||不在条件语句中使用的话，他们的运算是从左向右的。如：

1 && 2 //1为true，继续计算，2也为true，所以结果是2

0 && 1//0为false，所以就不会向右计算了，结果就是0

1 || 2 //1为true，所以结果是1

0 || 1 //0为false，继续计算，1为true，所以结果为1

乘性运算符

乘法运算符，用*号表示，数学中的乘法运算。

除法运算符，用/号表示，数学中的除法运算。

取模运算符，用%号表示，数学中的除法运算取整。

加性运算符

正常的加减法计算。

关系运算符

常规的比较方式，数值之间大于、小于、大于等于、小于等于。

比较数字和字符串，如果都是数字的字符串，那就转化成数字然后比较大小，如果一个数值一个字符串或者两个都是字符串，就比较字符代码的前后顺序。

等性运算符

等号和非等号，这个需要运算符两边的表达式应该进行数据类型转换。规则如下：

执行类型转换的规则如下：

如果一个运算数是 Boolean 值，在检查相等性之前，把它转换成数字值。false 转换成 0，true 为 1。

如果一个运算数是字符串，另一个是数字，在检查相等性之前，要尝试把字符串转换成数字。

如果一个运算数是对象，另一个是字符串，在检查相等性之前，要尝试把对象转换成字符串。

如果一个运算数是对象，另一个是数字，在检查相等性之前，要尝试把对象转换成数字。

在比较时，该运算符还遵守下列规则：

值 null 和 undefined 相等。

在检查相等性时，不能把 null 和 undefined 转换成其他值。

如果某个运算数是 NaN，等号将返回 false，非等号将返回 true。

如果两个运算数都是对象，那么比较的是它们的引用值。如果两个运算数指向同一对象，那么等号返回 true，否则两个运算数不等。

重要提示：即使两个数都是 NaN，等号仍然返回 false，因为根据规则，NaN 不等于 NaN。

全等号和非全等号，这个在运算时，不进行数据类型转换，先判断类型再判断值。

条件运算符

也称为三目运算符，三个表达式，只一个表达式为真时，结果为第二个表达式的值，第一个表达式为假时，结果为第三个表达式的值。

赋值运算符

我们定义变量是最常用，使用=号。另外主要的算数运算符都可以与赋值运算符配合使用。如：*=、+=等等。

逗号运算符

逗号运算符，可以在一条语句中执行多个运算。逗号运算符常用在变量声明中。如：

var a = 1, b = 2, c = 3; // a=1;b=2;c=3

var a = 1,2,3; // a=3 ，最后一个值

var d = (a=1,b=2,c=3); //d的值是什么呢？

大家接触比较少的主要是位运算符，其实位运算符在权限处理特别的方便。