Javascrpt核心概念（2）--操作符

学习操作符这个章节最好回忆一下C里的惯例，因为ECMAScript的标准很多继承自C的语法

一元操作符

只能操作一个值得操作符

递增和递减操作符

var age = 29;

++age; //30

var age = 29;

age = age +1; //30

var age = 29;

--age; //28

var age = 29 ;

var anotherAge = –-age +2;

alert (age); //28

alert(anotherAge); //30

var age = 29;

age++; // 先求值再增加1

var num1 = 2;

var num2 = 20;

var num3 = num1-- + num2; //等于22

var num4 = num1 + num2; //等于21

以上四个操作符对任何值都适用，也就是他们不仅适用于整数，还可以用于字符串，布尔值，浮点数值和对象。在应用于不同的值时，递增和递减操作符遵循下列规则、

在应用与一个包含有效数字字符的字符串时，先将其转换为数字值，再进行加减1的操作。字符串变量变成数值变量。
在应用与一个不包含有效数字字符的字符串时，将变量的值设置为NaN，字符串变量变成数值变量
在应用于布尔值false时，先将其转换为0再执行加减1的操作。布尔值变量变成数值变量。
在应用于布尔值true时，先将其转换为1再执行加减1的操作。布尔值变量变成数值变量。
在应用于浮点数值时，执行加减1的操作。
在应用于对象时，先调用对象的valueOf（）方法，以取得一个可供操作的值。然后对该值应用前述规则。如果结果是NaN，则调用toString（）方法后再应用前述规则，对象变量变成数值变量。

以下示例展示了上面的规则：

var s1 = “2”;

var s2 = “z”;

var b = false;

var f = 1.1;

var o = {

valueOf: function() {return –1;}

};

s1++; //3

s2++; //NaN

b++; //1

f- - ; //值变成0.10000000000000009（由于浮点舍入错误所致）

o- -; // –2

一元加和减操作符

在对非数值应用一元加操作符时，该操作符会像Number（）转型函数一样对这个值执行转换。换句话说，布尔值false和true将被转换为0和1，字符串值会被按照一组特殊的规则进行解析，而对象是先调用他们的valueOf（）和toString（）方法，在转换得到的值。

下面是一些例子：

var s1 = “01”;

var s2 = “1.1”;

var s3 = “z”;

var b = false;

var f = 1.1;

var o = {

valueOf: function() {

return –1;
}

};

s1 = +s1; //值变成数值1

s2 = +s2; //值变成数值1.1

s3 = +s3; //值变成NaN

b = +b; //值变成数值0

f = +f ; //值未变，仍然是1.1

o = +o; //值变成数值-1

一元减操作符和一元加操作符的用法类同，不再啰嗦。

布尔操作符

一共有三个：非（NOT），与（AND），和或（OR）。

逻辑非

逻辑非用一个感叹号（！）表示，可用于ECMAScript中的任何值，无论这个值是什么数据类型，这个操作符都会返回一个布尔值。 首先将它的操作数转换为一个布尔值，然后再对其求反。也就是说，逻辑非遵循下列规则：

如果操作数是一个对象，返回false；
如果操作数是一个空字符串，返回true；
如果操作数是一个非空字符串，返回false；
如果操作数是数值0 ，返回true；
如果操作数是任意非0数值（包括infinity），返回false；
如果操作数是null，返回true；
如果操作数是NaN，返回true；
如果操作数是undefined，返回true。

下面的示例展示上述规则的结果

alert(!false); //true

alert(!”blue”); //false

alert(!0); //true

alert(!NaN); //true

alert(!””); //true

alert(!12345); //false

逻辑与

&&操作可以应用于任何类型的操作数，而不仅仅是布尔值。在有一个操作数不是布尔值的情况下，逻辑与操作就不一定返回布尔值， 此时，他遵循下列规则；

如果第一个操作数是对象，则返回第二个操作数；
如果第二个操作数是对象，则只有在第一个操作数的求值结果为true的情况下才会返回该对象；
如果两个操作数都是对象，则返回第二个操作数；
如果有一个操作数是null，则返回null；
如果有一个操作数是NaN，则返回NaN；
如果有一个操作数是undefined，则返回undefined。

逻辑与属于短路操作，如果第一个操作数为false，无论第二个操作数是什么值，结果都不再可能是true了。

再看下面的例子；

var found = true;

var result = (found && someUndefinedVariable); //这里会发生错误，

alert(result); //这一行不会执行，

因为变量someUndefinedVariable没有声明。由于变量found的值是true，所以逻辑与操作符会继续对变量someUndefinedVariable求值。但是someUndefinedVariable尚未定义，因此会导致错误。

逻辑或

逻辑或操作符由两个竖线符号（||）表示，有两个操作数。

和逻辑操作相似，如果有一个操作数不是布尔值，逻辑或也不一定返回布尔值；此时，他遵循下列规则：

如果第一个操作数是对象，则返回第一个操作数；
如果第一个操作数的求值结果是false，则返回第二个操作数；
如果两个操作数都是对象，则返回第一个操作数；
如果两个操作数都是null，则返回null；
如果两个操作数都是NaN，则返回NaN；
如果两个操作数都是undefined，则返回undefined。

与逻辑与操作符相似，逻辑或操作符也是短路操作符。也就是说，如果第一个操作数的求值结果为true，就不会对第二个操作数求值。

可以利用逻辑或的这个行为来避免为变量赋null或undefined值。例如；

var myObject = preferredObject || backupObject;

在这个例子中，变量myObject将被赋予等号后面两个值中的一个。变量preferredObject中包含优先赋给变量myObject的值，变量backupObject负责在preferredObject中不包含有效值的情况下提供后备值。如果preferredObject的值不是null，那么它的值将被赋给myObject，如果是null，则将backupObject的值赋给myObject。 ECMAScript程序的赋值语句经常会用这种模式。

乘法操作符

在处理特殊值的情况下，乘法操作符遵循下列特殊的规则：

如果操作数都是数值，执行常规的乘法运算，即两个正数或两个负数相乘的结果还是正数，而如果只有一个操作数有负号，那么结果就是负数。如果乘积超过了ECMAScript数值的表示范围，则返回Infinity，或-Infinity；
如果有一个操作数是NaN，则结果是NaN；
如果是Infinity与0相乘，则结果是NaN；
如果是Infinity与非0数值相乘，则结果是Infinity或-Infinity，取决于有符号数操作数的符号；
如果是Infinity与Infinity相乘，则结果是Infinity；
如果有一个操作数不是数值，则在后台调用Number（）将其转换为数值，然后再应用上面的规则。

除法操作符

和乘法操作符类似，除法操作符对特殊的值也有特殊的处理规则，这些规则如下：

如果有一个操作数是NaN，则结果是NaN；
如果是Infinity被Infinity除，则结果是NaN；
如果是Infinity被任意数值除，则结果是Infinity；
如果是零被零除，则结果是NaN；
如果是非零的有限数被零除，则结果是Infinity或-Infinity，取决于有符号操作数的符号。
如果是Infinity被任何非零数值除，则结果是Infinity或-Infinity，取决于有符号操作数的符号；
如果有一个操作数不是数值，则在后台调用Number（）将其转换为数值，然后再应用上面的规则。

求模

求模（余数）操作符由一个百分号（%）来表示，遵循下面的规则；

如果操作数都是数值，执行常规的除法运算，返回除得的余数；
如果被除数是无穷大值而除数是有限大的数值，则结果是NaN；
如果被除数是有限大的值，而除数是零，则结果是NaN；
如果是Infinity被Infinity除，则结果是NaN；
如果被除数是有限大的数值而除数是无穷大的数值，则结果是被除数；
如果被除数是0，则结果是0；
如果有一个操作数不是数值，则在后台调用Number（）将其转换为数值，然后再应用上面的规则。

加法操作符

如果两个操作符都是数值，执行常规的加法计算，然后根据下列规则返回结果：

如果有一个操作数是NaN，则结果是NaN；
如果是 Infinity 加 Infinity，则结果是 Infinity；
如果是 –Infinity 加 -Infinity，则结果是 -Infinity；
如果是Infinity 加 –Infinity, 则记过是NaN；
如果是 +0 加 +0，则结果是+0；
如果是 –0 加 -0，则结果是 -0；
如果是 +0 加 -0，则结果是 +0.

如果有一个操作数是字符串，那么就要应用如下规则：

如果两个操作数都是字符串，则将第二个操作数与第一个操作数拼接起来；
如果只有一个操作数是字符串，则将另一个操作数转换为字符串，然后再将两个字符串拼接起来。

如果有一个操作数是对象，数值，或布尔值，则调用他们的toString（）方法取得相应的字符串值，然后再应用前面关于字符串的规则，对于undefined和null，则分别调用String（）函数并取得字符串“undefined”和“null”。

值得注意的示例：

var num1 = 5;

var num2 = 10;

var message = “The sum of 5 and 10 is “ + num1 + num2 ;

alert(message) ; // “The sum of 5 and 10 is 510” 字符串操作的结果，若想对数值执行算术计算，然后再将结果和字符串拼接起来，应该像下面这样使用圆括号：

var num1 = 5;

var num2 = 10;

var message = “The sum of 5 and 10 is “+(num1 + num2);

alert(message); // ”The sum of 5 and 10 is 15”

减法操作符

与加法操作符类似， ECMAScript中的减法操作符在处理各种数据类型的转换时，同样需要遵守一些特殊的规则，如下所示：

如果两个操作数都是数值，则执行常规的算术减法操作并返回结果；
如果有一个操作数是NaN，则结果是NaN；
如果是Infinity 减 Infinity，则结果是NaN；
如果是 –Infinity 减 -Infinity，则结果是NaN；
如果是 Infinity 减 -Infinity，则结果是 Infinity；
如果是 –Infinity 减 Infinity，则结果是 -Infinity；
如果是+0 减+0，则结果是+0；
如果是+0 减 -0，则结果是-0；
如果是-0 减 -0，则结果是 +0；
如果有一个操作数是字符串，布尔值，null，或undefined，则先在后台调用Number（）函数将其转换为数值，然后再根据前面的规则执行减法计算，如果转换的结果是NaN，则减法的结果就是NaN；
如果一个操作数是对象，则调用对象的valueOf（）方法以取得表示该对象的数值。如果得到的值是NaN，则减法的结果就是NaN。如果对象没有valueOf（）方法，则调用其toString（）方法并将得到的字符串转换为数值。

下面的例子展示了上面的规则

var result1 = 5 – true ; //4, 因为true被转换成1

var result2 = NaN –1; //NaN

var result3 = 5 –3; //2

var result4 = 5 – “”; //5, 因为“”被转换成了０

var result5 = 5 – “2”; //3, 因为“2” 被转换成了2

var result6 = 5 – null; //5, 因为null被转换成了0

关系操作符

与ECMAScript中的其他操作符一样，当关系操作符的操作数使用了非数值时，也要进行数据转换或完成某些奇怪的操作，以下就是相应的规则：

如果两个操作数都是数值，则执行数值比较；
如果两个操作数都是字符串，则比较两个字符串对应的字符编码值；
如果一个操作数是数值，则将另一个操作数转换为一个数值，然后执行数值比较；
如果一个操作数是对象，则调用这个对象的valueOf（）方法，用得到的结果按照前面的规则执行比较。如果对象么有valueOf（）方法，则调用toString（）方法，并用得到的结果根据前面的规则执行比较；
如果一个操作数是布尔值，则先将其转换为数值，然后再执行比较。

请仔细体会以下示例：

var result = “Brick” <”alphabet”; //true 因为大写字符的编码都比小写字符编码小

var result = “Brick”.toLowerCase() < “alphabet”.toLowerCase(); //false 都转换成小写字母后就可得到想要的结果。

var result = “23” <”3”; //true

var result = “23” < 3 ; //false, “23”会转换成数值23然后再与3进行比较，因此就会得到合理的结果。

var result = result = “a” <3 ; //false, 因为”a”被转换成了NaN

var result = NaN < 3; //false

var result = NaN >= 3; //false 这个没有什么道理可说，和NaN进行比较就返回false。

相等操作符

1）相等和不相等

ECMAScript中的相等操作符由两个等于号（==）表示，如果两个操作数相等，则返回true。而不相等操作符由叹号后跟等于号（!=)表示，如果两个操作数不相等，则返回true。这两个操作符都会先转换操作数（通常称为强制转换），然后再比较他们的相等性。

在转换不同的数据类型时，相等和不相等操作遵循下列基本规则：

如果有一个操作数是布尔值，则在比较相等性之前先将其转换为数值--false转换为0，而true转换为1；
若果一个操作数是字符串，另一操作数是数值，在比较相等性之前先将字符串转换成数值；
如果一个操作数是对象，另一个操作数不是，则调用对象的valueOf（）方法，用得到的原始值按照前面的规则进行比较；

这个两个操作数在进行比较时要遵循下列规则。

null 和 undefined是相等的。
要比较相等性之前，不能将null和undefined转换成其他值。
如果有一个操作数是NaN，则相等操作符返回false，而不相等操作符返回true。即使两个操作数都是NaN，相等操作符也返回false，因为按照规则，NaN不等于NaN。
如果两个操作数都是对象，则比较他们是不是同一个对象。如果两个操作数都指向同一个对象，则相等操作符返回true，否则，返回false。

2）全等和不全等

除了在比较之前不转换操作数之外，全等和不全等操作符与相等和不相等操作符没有什么区别。全等操作符由3个等于号（===）表示，它只在两个操作数未经转换就相等的情况下返回true，如下面例子；

var result1 = (“55” == 55); //true ,因为转换后相等

var result2 = (“55” ===55); //false, 因为不同的数据类型不相等

var result3 = (“55” != 55); //false, 因为转换后相等

var result4 = (“55”!== 55); //true, 因为不同的数据类型不相等

由于相等和不相等操作符存在类型转换问题，而为了保持代码中数据类型的完整性。我们推荐使用全等和不全等操作符。

Javascript操作符的内容到此为止