JavaScript中的操作符类型转换示例总结

1、最近发现在前端的面试题目中经常出现操作符类型转换的题目，于是这里来进行一个JavaScript中的操作符类型转换示例总结,需要的朋友可以参考下首先，我们先来做一些题目吧！为了统一，我不混着来写这些题目，面试题目中，经常 将这些题目混起来，这样对你的迷惑度会更大，为了更方便演示，我在这里分模块写了一些题目，大家可以看下！操作符字符串的隐性转换乘法console.dir(以下乘法”);con sole.dir(5*5);con sole.dir(5*a);con sole.dir(5*NaN);con sole.dir(5* null);con sole.dir(5* un defi ned);c

2、on sole.dir(5*5);console.dir(以上乘法);除法console.dir(以下除法);con sole.dir(5/5);con sole.dir(5/a);con sole.dir(5/NaN);con sole.dir(5/nu II);con sole.dir( null/5);con sole.dir(5/un defi ned);con sole.dir(5/5);con sole.dir(5/0);con sole.dir(0/5);con sole.dir(0/0);console.dir(以上除法); 取余、求模console.dir(以下取余

3、、求模);con sole.dir(16%5);con sole.dir(5%a);con sole.dir(5%NaN);con sole.dir(5% null);con sole.dir( null%5);con sole.dir(5% un defi ned);con sole.dir(5%5);con sole.dir(5%0);con sole.dir(0%5);con sole.dir(0%0);console.dir(以上取余、求模); 加法console.dir(以下加法”)；con sole.dir(16+5);con sole.dir(5+a);con sole

4、.dir(5+NaN);con sole.dir(5+nu II);con sole.dir(5+u ndefi ned);con sole.dir(5+5);console.dir(两个数的和是+5+5);console.dir(两个数的和是+(5+5);console.dir(以上加法”); 减法console.dir(以下减法);con sole.dir(16-5);con sole.dir(5- a);con sole.dir(5-NaN);con sole.dir(5-n ull);con sole.dir(5-un defi ned);con sole.dir(5-5);

5、con sole.dir(5-true);con sole.dir(5- true);con sole.dir(5-);console.dir(两个数的差是+5-5);console.dir(两个数的差是+(5-5);console.dir(以上减法”); 关系操作符console.dir(以下关系操作符 );con sole.dir(16>5);con sole.dir(16 >5);con sole.dir(5<a);con sole.dir(5>=NaN);con sole.dir(5<NaN);con sole.dir(NaN >=NaN)

6、;con sole.dir(5>=n ull);con sole.dir(5>=un defi ned);con sole.dir(5>=5);con sole.dir(5>=true);con sole.dir(5>=true);con sole.dir(5>=);con sole.dir(Brick>alphabet);con sole.dir(brick>alphabet);console.dir(以上关系操作符); 乘法con sole.dir(5*5); 25con sole.dir(5*a);/NaNcon sole.dir

7、(5*NaN);/NaNcon sole.dir(5* null);0con sole.dir(5*u ndefin ed);/NaNcon sole.dir(5*5);/25下面说一下乘法隐性转换原则：1、 如果2个数值都是数字，那么直接进行乘法运算，(相信大家都会的，和小学数学一样，同时要注意数字的符号)，如果乘积数值超过了ECMAscript的数值表示范围，则返回Infinity (正无穷)或者-Infinity (负无穷)2、如果一个数是NaN,那么结果就是NaN3、如果Infinity 与0相乘，结果是 NaN4、 假如一个操作符是数字，另外一个不是数值，那么先用Number()函数

8、，将其进行转化，将转化出来的值与数字进行相乘。假如转换出来的结果出现NaN，那么结果就是 NaN。除法console.dir(5/5);/1  将字符转化为数字进行相除console.dir(5/a);/NaN  将a” 用 Number。函数进行转化，出来的值是NaN，结果就是NaNcon sole.dir(5/NaN);/NaNconsole.dir(5/null);/lnfinity null用Number。函数进行转化， 结果是0,那么5/0是正无穷console.dir(null/5);/0 同上 0/5 是 0console.dir(5/undefined);/

9、NaN  undefined用 Number()进行转化，结果是 NaNcon sole.dir(5/5);/1con sole.dir(5/0);/I nfinitycon sole.dir(0/5);/0console.dir(0/0);/NaN /0 除以 0 结果是 NaN下面说一下除法隐性转换原则：和乘法类似，唯一多的一条就是0/0结果是NaN取余、求模求余在项目中用的最多的是求奇数偶数的时候。我们经常用一个数值与2进行求余，结果是0那么这个数是偶数，结果是 1那么这个数是奇数。看看上面的题目：console.dir(16%5); /1 将字符串5通过Number。转化为5

10、然后进行求余&n bsp;co nsole.dir(5%a);/NaN&n bsp;co nsole.dir(5%NaN);/NaN console.dir(5%null);/NaN将 null 通过 Number()转化，结果是 0，然后计算 5%0 ，结果是NaN console.dir(null%5);/0同上 0%5 取余，结果是 0&n bsp;co nsole.dir(5%u ndefi ned);/NaN&n bsp;co nsole.dir(5%5);/0&n bsp;co nsole.dir(5%0);/NaN&n bsp;co nsole.dir(0%5

11、);/0&n bsp;co nsole.dir(0%0);/NaNcon sole.dir(I nfin ity%I nfini ty);/NaNcon sole.dir(5%I nfin ity);/5&n bsp;co nsole.dir(l nfin ity%5); NaN下面说一下取余隐性转换原则：和乘法一样，我说一下比较特别的地方吧！我们都知道被除数和除数的概念吧，时候就学过的。1、 被除数是无穷大，除数是有限大的值，那么结果是NaN2、 被除数是有限大的值，除数是0，那么结果是 NaN3、 Infinity%Infinity结果是 NaN4、被除数是有限大的值，除数是无穷大的值，结

12、果是被除数。5、被除数是0,结果是0减法看看上面的例子吧！con sole.dir(16-5);/11con sole.dir(5-a);/NaNcon sole.dir(5-NaN);/NaNcon sole.dir(5-n ull);/5con sole.dir(5-un defi ned);/NaNcon sole.dir(5-5);/0con sole.dir(5-true);/4con sole.dir(5-true);/NaNcon sole.dir(5-);/5con sole.dir(5-I nfin ity);/-l nfinitycon sole.dir(I nfin it

13、y-I nfini ty);/NaNconsole.dir(两个数的差是+5-5);/NaNconsole.dir(两个数的差是+(5-5);/两个数的差是 0下面说一下减法隐性转换原则：和上面一样，相同的就不说了，我说一下减法特有的。1、 Infinity-Infinity结果是 NaN2、-Infinity-Infinity 结果是-Infinity3、一个数字减Infinity结果是-Infinity4、Infinity- ( -Infinity )结果是 Infinity5、 如果操作数是对象，则调用对象valueOf方法，如果结果是NaN那么结果就是 如果没有valueOf方法，那么

14、调用toString()方法，并将得到的字符串转换为数值。关系操作符关系运算符统一返回true或者falsecon sole.dir(16>5); /truecon sole.dir(16 >5);/falsecon sole.dir(5<a);/falsecon sole.dir(5>=NaN);/falsecon sole.dir(5<NaN);/falsecon sole.dir(NaN >=NaN);/falsecon sole.dir(5>=null);/truecon sole.dir(5>=un defi ned);/falseco

15、n sole.dir(5>=5);/true小学的NaN。con sole.dir(5>=true);/truecon sole.dir(5>=true);/falsecon sole.dir(5>=);/true&n bsp;console.dir(Brick>alphabet);/false B的字符串编码值是66 ,而a的字符串编码是97.因此 falseconsole.dir(brick>alphabet);/true小写字母 b 比 a大，所以是 true下面说一下关系运算符隐性转换原则：还是和上面一样，相同的就不说了。如果比较的两个数都是字符串，

16、那么会比较字符串对应的字符串编码值。加法运算加法运算隐性转换，我之所以最后说，是因为加法运算隐性转换和之前的不一样，之前的所有的运算符号，只要一个是数字，另一个也默认使用Number ()进行数字转换。加法运算不一样。加法运算只要其中一个是字符串，那么另外一个也会转换为字符串，然后进行字符串的拼接！con sole.dir(16+5); /156con sole.dir(5+a);/5acon sole.dir(5+NaN);/NaNcon sole.dir(5+nu ll);/5con sole.dir(5+null);/5 nullcon sole.dir(5+u ndefi ned);/

17、NaNcon sole.dir( null+un defi ned);/NaNcon sole.dir(5+5);/10console.dir(两个数的和是+5+5);/两个数的和是 55console.dir(两个数的和是+(5+5);/两个数的和是 10下面说一下加法运算符隐性转换原则：1、有一个是字符串，那么另外一个也会转换为字符串进行拼接。假如一个是字符串，另外一个是null或者undefined，那么相加，null或者undefined就会调用String()方法，获得 字符串null ”或者undefined ”，然后进行拼接。2、 假如一个数字加 null或者undefined，

18、那么还是把 null或者undefined进行Number() 转换之后再相加。3、剩下的原则和其他的差不多，就不多说了。双等号隐性转换把以下代码运行一遍，相信你自然就懂了 var a;con sole.dir(0 = false);/truecon sole.dir(1 = true);/truecon sole.dir(2 = valueOf: fun ctio n( )return 2);/truecon sole.dir(a = NaN);/falsecon sole.dir(NaN = NaN);/falsecon sole.dir(8 = un defi ned);/falsecon sole.d