JavaScript 操作符详解：乘除、加减、关系与相等运算规则

乘性操作符：乘法、除法与求模

一、乘性操作符

1、乘法：*

乘法操作符在执行时遵循以下特殊规则：

当两个操作数均为数值时，按常规乘法计算。若乘积超出 ECMAScript 数值表示范围，则返回 infinity 或 -infinity。若任一操作数为 NaN，结果即为 NaN。infinity 与 0 相乘返回 NaN；infinity 与非 0 数值相乘，结果取决于符号，返回 infinity 或 -infinity；infinity 与 infinity 相乘返回 infinity。若操作数非数值，引擎会先调用 Number() 函数将其转换为数值，再应用上述规则。

<script type="text/javascript">
   
alert(5 * 6); //30
alert(5 * NaN); //NaN
alert(Infinity * 0); //NaN
alert(Infinity * 2); //Infinity
alert("5" * 5); //25
alert(true * 10); //10
alert(false * 10); //0
      
</script>

2、除法：/

除法操作符的特殊处理规则如下：

若操作数均为数值，按常规除法计算。若商超出 ECMAScript 数值表示范围，返回 infinity 或 -infinity。若任一操作数为 NaN，结果为 NaN。infinity 除以 infinity 返回 NaN。0 除以 0 返回 NaN。非 0 有限数除以 0，根据符号返回 infinity 或 -infinity。infinity 除以非 0 有限数，结果取决于符号，返回 infinity 或 -infinity。若操作数非数值，先调用 Number() 转换为数值，再应用上述规则。

<script type="text/javascript">
alert(5 / 5); //1
alert(5 / NaN); //NaN
alert(Infinity / Infinity); //NaN
alert(Infinity / 2); //Infinity
alert(5 / 0); //Infinity
alert(10 / true); //10
alert(10 / false); //Infinity
</script>

3、求模（余数）：%

求模操作符的特殊规则如下：

若操作数均为数值，执行常规除法并返回余数。若被除数为无穷大且除数为有限数，结果为 NaN。若被除数为有限数且除数为 0，结果为 NaN。infinity 除以 infinity 返回 NaN。若被除数为有限数且除数为无穷大，结果等于被除数。若被除数为 0，结果为 0。若操作数非数值，先调用 Number() 转换为数值，再应用上述规则。

<script type="text/javascript">
   
alert(26 % 5); //1
alert(Infinity % 3); //NaN
alert(3 % 0); //NaN
alert(5 % Infinity); //5
alert(0 % 10); //0
alert(true % 25); //1
alert(3 % false); //NaN
      
</script>

加性操作符：加法与减法

二、加性操作符

1、加法操作符：+

当操作数中包含字符串时，遵循以下规则：

若两个操作数均为字符串，则将第二个字符串拼接到第一个字符串之后。若仅有一个操作数为字符串，则先将另一个操作数转换为字符串，再执行拼接操作。

<script type="text/javascript">
var result1 = 5 + 5; //数字加数字
alert(result1); //10
var result2 = 5 + "5"; //数字加字符串
alert(result2); //"55"
</script>

2、减法操作符：-

若任一操作数为字符串、布尔值、null 或 undefined，引擎会先在后台调用 Number() 将其转换为数值，随后执行减法运算。

关系操作符：大小比较规则

三、关系操作符

大于：>

小于：<

大于等于：>=

小于等于：<=

关系操作符的特殊处理规则如下：

若操作数均为字符串，则比较两个字符串对应字符的编码值。

若其中一个操作数为数值，则先将另一个操作数转换为数值，再进行比较。

任何数值与 NaN 进行比较，结果均为 false。

相等操作符：类型转换与比较

四、相等操作符

1、相等和不相等：==和！=

这两个操作符在比较前会先将操作数转换为同一类型。

转换时遵循以下规则：

若其中一个操作数为 Boolean 类型，则先将其转换为数字类型，false 转换为 0，true 转换为 1。若其中一个操作数为字符串，另一个为数字类型，则将字符串转换为数字进行比较。若其中一个操作数为对象而另一个不是，则先调用操作数的 valueOf() 方法获取基本类型值，再进行比较。特殊规则包括：null 和 undefined 相等；null 和 undefined 不会转换为其他类型；若任一操作结果为 NaN，相等比较返回 false，不相等比较返回 true（即使两个操作数均为 NaN，相等比较仍返回 false）；若两个操作数均为对象，则比较其引用地址，引用同一对象返回 true，否则返回 false。

null 与 undefined 在相等比较中视为相等。 二者均不会发生类型转换。 若任一操作数为 NaN，则相等比较结果为 false，不相等比较结果为 true。即便两个操作数均为 NaN，相等比较仍返回 false，即 NaN 不等于 NaN。 若两个操作数均为对象，则比较其引用地址。若引用同一对象，返回 true；否则返回 false。 2、全等和不全等：==和===

==会将操作数转换成同一类型比较；

===不会转换类型，直接比较

例如：

var result1 = ("55" == 55);
var result2 = ("55" === 55);
alert(result1);//true
alert(result2); //false"55"是字符串，55是数字，类型不一样

条件操作符与赋值操作符

五、条件操作符

变量=条件表达式？真值：假值

首先对条件表达式求值，若结果为真，则将真值赋给变量；若为假，则将假值赋给变量。

<script type="text/javascript">
var num1 = 10;
var num2 = 25;
var num3 = (num2 > num1) ? num2 : num1;
alert(num3); //25
</script>

六、赋值操作符

1、简单赋值操作符：=

var num1 = 10; num=num1+10; 2、复合赋值操作符：+=、-=、*=、/=、%=、>>=、<<=、>>>=

<script type="text/javascript">
var num = 5;
alert(num); //5
num += 5;
alert(num); //10
num *= 2;
alert(num); //20
num /= 10;
alert(num); //2
num -= 2;
alert(num); //0
</script>

逗号操作符与练习示例

七、逗号操作符

逗号操作符允许在一条语句中执行多个操作。

用途：1、声明多个变量

var num1=1，num2=2，num3=3； 2、赋值

var num=（0,1,2,3）//num=3 在用于赋值操作时，逗号操作符总是返回最后一个表达式的值。

练习区：

<script type="text/javascript">
var num1 = 5;
var num2 = 10;
var message = "The sum of 5 and 10 is " + num1 + num2;
alert(message);
</script>

<script type="text/javascript">
alert(null == undefined);
alert(null === undefined);
alert("NaN" == NaN);
alert("NaN" === NaN);
alert(NaN == NaN);
alert(NaN === NaN);
alert(NaN != NaN);
alert(NaN !== NaN);
alert(false == 0);
alert(false === 0);
alert(true == 1);
alert(true === 1);
alert(null == 0);
alert(undefined == 0);
alert(5 == "5");
alert(5 === "5");
</script>

以上就是本文的全部内容了，对于javascript的操作符的讲解也就到此结束了，下篇文章我们来讲解javascript语句。