JavaScript笔记 运算符详解

JavaScript 算术运算符

y=5，下面的表格解释了这些算术运算符：

运算符	描述	例子	x 运算结果	y 运算结果
+	加法	x=y+2	7	5
-	减法	x=y-2	3	5
*	乘法	x=y*2	10	5
/	除法	x=y/2	2.5	5
%	取模（余数）	x=y%2	1	5
++	前置自增	x=++y	6	6
++	后置自增	x=y++	5	6
–	自减	x=–y	4	4
–	后置自增	x=y–	5	4

运算符 ＋

加法操作符（+）的用法如下所示：
var result = 1 + 2;
如果两个操作符都是数值，执行常规的加法计算，然后根据下列规则返回结果：

• 如果有一个操作数是 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"。
  具体实例如下

字符串string加数字Number

//number+number
var result1=5+5; 
console.log(result1); //结果将是"10"

//string+string
var result2="hello "+"world"; 
console.log(result1); //结果将是"hello world"

//number+number+string
var result3=5+5+"abc"; 
console.log(result3);//结果将是"10abc"

//string+number+number+string
var result4= ""+5+5+"abc"; //结果将是" 55abc"
console.log(result4);

需要注意的是
空文本 + 数字得到的运算结果都是把数字转成字符串，无论文本有多少个空格。但是空格会计入长度。

var result1=""+5;         // 得到的结果是"5"

var result2=" "+5;        // 得到的结果是" 5"

var result3="       "+5;  // 得到的结果是"       5"

但是因为html会压缩空格， 所以直观上显示的是字符串，没有显示空格。

数字number和布尔Boolean

这个没什么好说的,数字和布尔值相加，布尔值 false 转成 0，true 转成 1

var one=13;
var two=true;
var three=one+two;
// 结果 three:14

字符串string和布尔Boolean

字符串与布尔值相加，布尔值转化成字符串。

var one="hello";
var two=true;
var three=one+two;
// 结果 three:hellotrue

对空null

数字与 null(空值) 相加，null 转化为数字 0：

var car=null+3+4;    // 结果为7

字符串与 null(空值) 相加，null 转化为字符串：

var car=null+"a";    // 结果为 nulla

null与布尔相加

var car=null+true;    // 结果为 1

运算符 -

减法操作符（ - ）是另一个极为常用的操作符，其用法如下所示：
var result = 2 - 1;
与加法操作符类似，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，因为"" 被转换成了 0
var result5 = 5 - "2"; // 3，因为"2"被转换成了 2
var result6 = 5 - null; // 5，因为 null 被转换成了 0 

运算符 * / %

JavaScript定义了 3 个乘性操作符：乘法、除法和求模。这些操作符与 Java、C 或者 Perl 中的相
应操作符用途类似，只不过在操作数为非数值的情况下会执行自动的类型转换。如果参与乘性计算的某
个操作数不是数值，后台会先使用 Number()转型函数将其转换为数值。也就是说，空字符串将被当作
0，布尔值 true 将被当作 1。

乘法 *

乘法操作符由一个星号（*）表示，用于计算两个数值的乘积。其语法类似于 C，如下面的例子
所示：

var result = 34 * 56;

在处理特殊值的情况下，乘法操作符遵循下列特殊的规则：
-如果操作数都是数值，执行常规的乘法计算，即两个正数或两个负数相乘的结果还是正数，而
如果只有一个操作数有符号，那么结果就是负数。如果乘积超过了 ECMAScript 数值的表示范围，
则返回 Infinity 或-Infinity；

• 如果有一个操作数是 NaN，则结果是 NaN；
• 如果是 Infinity 与 0 相乘，则结果是 NaN；
• 如果是 Infinity 与非 0 数值相乘，则结果是 Infinity 或-Infinity，取决于有符号操作数
  的符号；
• 如果是 Infinity 与 Infinity 相乘，则结果是 Infinity；
• 如果有一个操作数不是数值，则在后台调用 Number()将其转换为数值，然后再应用上面的
  规则。

除法

除法操作符由一个斜线符号（/）表示，执行第二个操作数除第一个操作数的计算，如下面的例子
所示：

var result = 66 / 11;

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

• 如果操作数都是数值，执行常规的除法计算，即两个正数或两个负数相除的结果还是正数，而
  如果只有一个操作数有符号，那么结果就是负数。如果商超过了 ECMAScript 数值的表示范围，
  则返回 Infinity 或-Infinity；
• 如果有一个操作数是 NaN，则结果是 NaN；
• 如果是 Infinity 被 Infinity 除，则结果是 NaN；
• 如果是零被零除，则结果是 NaN；
• 如果是非零的有限数被零除，则结果是 Infinity 或-Infinity，取决于有符号操作数的符号；
• 如果是 Infinity 被任何非零数值除，则结果是 Infinity 或-Infinity，取决于有符号操作
  数的符号；
• 如果有一个操作数不是数值，则在后台调用 Number()将其转换为数值，然后再应用上面的规则。

求模

求模（余数）操作符由一个百分号（%）表示，用法如下：
var result = 26 % 5; // 等于 1
与另外两个乘性操作符类似，求模操作符会遵循下列特殊规则来处理特殊的值：

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

JavaScript 赋值运算符

待填坑

JavaScript 比较运算符

待填坑