js操作符类型转换大全

 //操作符字符串的隐性转换
 //乘法 console.dir("-------以下乘法---------"); console.dir(5*"5"); console.dir(5*"a"); console.dir(5*NaN); console.dir(5*null); console.dir(5*undefined); console.dir(5*5); console.dir("-------以上乘法---------"); //除法 console.dir("-------以下除法---------"); console.dir(5/"5"); console.dir(5/"a"); console.dir(5/NaN); console.dir(5/null); console.dir(null/5); console.dir(5/undefined); console.dir(5/5); console.dir(5/0); console.dir(0/5); console.dir(0/0); console.dir("-------以上除法---------"); //取余、求模 console.dir("-------以下取余、求模--------"); console.dir(16%"5"); console.dir(5%"a"); console.dir(5%NaN); console.dir(5%null); console.dir(null%5); console.dir(5%undefined); console.dir(5%5); console.dir(5%0); console.dir(0%5); console.dir(0%0); console.dir("-------以上取余、求模---------"); //加法 console.dir("-------以下加法--------"); console.dir(16+"5"); console.dir(5+"a"); console.dir(5+NaN); console.dir(5+null); console.dir(5+undefined); console.dir(5+5); console.dir("两个数的和是"+5+5); console.dir("两个数的和是"+(5+5)); console.dir("-------以上加法--------"); //减法 console.dir("-------以下减法--------"); console.dir(16-"5"); console.dir(5-"a"); console.dir(5-NaN); console.dir(5-null); console.dir(5-undefined); console.dir(5-5); console.dir(5-true); console.dir(5-"true"); console.dir(5-""); console.dir("两个数的差是"+5-5); console.dir("两个数的差是"+(5-5)); console.dir("-------以上减法--------"); //关系操作符 console.dir("-------以下关系操作符--------"); console.dir(16>"5"); console.dir("16">"5"); console.dir(5<"a"); console.dir(5>=NaN); console.dir(5<NaN); console.dir(NaN>=NaN); console.dir(5>=null); console.dir(5>=undefined); console.dir(5>=5); console.dir(5>=true); console.dir(5>="true"); console.dir(5>=""); console.dir("Brick">"alphabet"); console.dir("brick">"alphabet"); console.dir("-------以上关系操作符--------");

乘法

我们来看下前面的题目：

 console.dir(5*"5"); //25 console.dir(5*"a");//NaN console.dir(5*NaN);//NaN console.dir(5*null);0 console.dir(5*undefined);//NaN console.dir(5*5);//25

下面说一下乘法隐性转换原则：

1、如果2个数值都是数字，那么直接进行乘法运算，（相信大家都会的，和小学数学一样，同时要注意数字的符号），如果乘积数值超过了ECMAscript的数值表示范围，则返回Infinity（正无穷）或者-Infinity（负无穷）

2、如果一个数是NaN,那么结果就是NaN

3、如果Infinity与0相乘，结果是NaN

4、假如一个操作符是数字，另外一个不是数值，那么先用Number()函数，将其进行转化，将转化出来的值与数字进行相乘。假如转换出来的结果出现NaN，那么结果就是NaN。

除法

我们看下上面的题目吧！

 console.dir(5/"5");//1 将字符转化为数字进行相除 console.dir(5/"a");//NaN 将“a”用Number()函数进行转化，出来的值是NaN，结果就是NaN console.dir(5/NaN);//NaN console.dir(5/null);//Infinity null用Number()函数进行转化，结果是0，那么5/0是正无穷 console.dir(null/5);//0 同上0/5是0 console.dir(5/undefined);//NaN undefined 用Number()进行转化，结果是NaN console.dir(5/5);//1 console.dir(5/0);//Infinity console.dir(0/5);//0 console.dir(0/0);//NaN //0除以0结果是NaN

下面说一下除法隐性转换原则：

和乘法类似，唯一多的一条就是0/0结果是NaN

取余、求模

求余在项目中用的最多的是求奇数偶数的时候。我们经常用一个数值与2进行求余，结果是0那么这个数是偶数，结果是1那么这个数是奇数。

看看上面的题目：

 console.dir(16%"5"); //1 将字符串5通过Number()转化为5然后进行求余 console.dir(5%"a");//NaN console.dir(5%NaN);//NaN console.dir(5%null);//NaN 将null 通过Number()转化，结果是0，然后计算5%0 ，结果是NaN console.dir(null%5);//0 同上0%5 取余，结果是0 console.dir(5%undefined);//NaN console.dir(5%5);//0 console.dir(5%0);//NaN console.dir(0%5);//0 console.dir(0%0);//NaN console.dir(Infinity%Infinity);//NaN console.dir(5%Infinity);//5 console.dir(Infinity%5); //NaN

下面说一下取余隐性转换原则：

和乘法一样，我说一下比较特别的地方吧！我们都知道被除数和除数的概念吧，小学的时候就学过的。

1、被除数是无穷大，除数是有限大的值，那么结果是NaN

2、被除数是有限大的值，除数是0，那么结果是NaN

3、Infinity%Infinity结果是NaN

4、被除数是有限大的值，除数是无穷大的值，结果是被除数。

5、被除数是0，结果是0

减法

看看上面的例子吧！

 console.dir(16-"5");//11 console.dir(5-"a");//NaN console.dir(5-NaN);//NaN console.dir(5-null);//5 console.dir(5-undefined);//NaN console.dir(5-5);//0 console.dir(5-true);//4 console.dir(5-"true");//NaN console.dir(5-"");//5 console.dir(5-Infinity);//-Infinity console.dir(Infinity-Infinity);//NaN console.dir("两个数的差是"+5-5);//NaN console.dir("两个数的差是"+(5-5));//两个数的差是0

下面说一下减法隐性转换原则：

和上面一样，相同的就不说了，我说一下减法特有的。

1、Infinity-Infinity结果是NaN

2、-Infinity-Infinity结果是-Infinity

3、一个数字减Infinity结果是-Infinity

4、Infinity-（-Infinity）结果是Infinity

5、如果操作数是对象，则调用对象valueOf方法，如果结果是NaN那么结果就是NaN。如果没有valueOf方法，那么调用toString()方法，并将得到的字符串转换为数值。

关系操作符

我们一起来看看上面的例子，关系运算符统一返回true或者false

 console.dir(16>"5"); //true console.dir("16">"5");//false console.dir(5<"a");//false console.dir(5>=NaN);//false console.dir(5<NaN);//false console.dir(NaN>=NaN);//false console.dir(5>=null);//true console.dir(5>=undefined);//false console.dir(5>=5);//true console.dir(5>=true);//true console.dir(5>="true");//false console.dir(5>="");//true  console.dir("Brick">"alphabet");//false B的字符串编码值是66 ，而a的字符串编码是97.因此false console.dir("brick">"alphabet");//true 小写字母b比a大，所以是true

下面说一下关系运算符隐性转换原则：

还是和上面一样，相同的就不说了。

如果比较的两个数都是字符串，那么会比较字符串对应的字符串编码值。

双等号隐性转换

双等号具体请看：

引子

if语句应该是程序员用的比较多的语句，很多时候都要进行if判断，if语句一般用双等号来判断前后两个元素是否是一致的，假如是一致，那么返回是true，然后执行下面的语句，否则，执行别的语句。本问所说的隐性类型的转换，说的是==引起的转换。举个简单的例子，双等号不是全等号，全等号是“===”三个等号，语句"1"==1，那么一般情况下是前面的字符串”1“转换为数字1，然后进行比较。通过这个例子应该了解了什么是隐性类型的转换了吧！

隐性类型转换步骤

一、首先看双等号前后有没有NaN，如果存在NaN，一律返回false。

二、再看双等号前后有没有布尔，有布尔就将布尔转换为数字。（false是0，true是1）

三、接着看双等号前后有没有字符串, 有三种情况：

1、对方是对象，对象使用toString()或者valueOf()进行转换；

2、对方是数字，字符串转数字；（前面已经举例）

3、对方是字符串，直接比较；

4、其他返回false

四、如果是数字，对方是对象，对象取valueOf()或者toString()进行比较, 其他一律返回false

五、null, undefined不会进行类型转换, 但它们俩相等

上面的转换顺序一定要牢记，面试的时候，经常会出现类型的问题。

.toString()方法和.valueOf()方法数值转换

通常情况下我们认为，将一个对象转换为字符串要调用toString()方法，转换为数字要调用valueOf()方法，但是真正应用的时候并没有这么简单，看如下代码实例:

var obj = { webName: "haorooms前端博客", url:"www.haorooms.com" } console.log(obj.toString()); //[object Object]

同理，我们再看valueOf()方法：

var arr = [1, 2, 3]; console.log(arr.valueOf());//[1, 2, 3]

从上面的代码可以看出，valueOf()方法并没有将对象转换为能够反映此对象的一个数字。相反，我们用toString()

var arr = [1, 2, 3]; console.log(arr.toString());//1,2,3

注：很多朋友认为，转换为字符串首先要调用toString()方法， 其实这是错误的认识，我们应该这么理解，调用toString()方法可以转换为字符串，但不一定转换字符串就是首先调用toString()方法。

我们看下下面代码：

var arr = {}; arr.valueOf = function () { return 1; } arr.toString = function () { return 2; } console.log(arr == 1);//true var arr = {}; arr.valueOf = function () { return []; } arr.toString = function () { return 1; } console.log(arr == 1);//true

上面代码我们可以看出，转换首先调用的是valueOf()，假如valueOf()不是数值，那就会调用toString进行转换！

var arr = {}; arr.valueOf = function () { return "1"; } arr.toString = function () { return "2"; } console.log(arr == "1");//true

假如"1"是字符串，那么它首先调用的还是valueOf()。

var arr = [2]; console.log(arr + "1");//21

上面的例子，调用的是toString（）;因为arr.toString（）之后是2。

转换过程是这样的，首先arr会首先调用valueOf()方法，但是数字的此方法是简单继承而来，并没有重写（当然这个重写不是我们实现），返回值是数组对象本身，并不是一个值类型，所以就转而调用toString()方法，于是就实现了转换为字符串的目的。

小结

大多数对象隐式转换为值类型都是首先尝试调用valueOf()方法。但是Date对象是个例外，此对象的valueOf()和toString()方法都经过精心重写，默认是调用toString()方法，比如使用+运算符，如果在其他算数运算环境中，则会转而调用valueOf()方法。

var date = new Date(); console.log(date + "1"); //Sun Apr 17 2014 17:54:48 GMT+0800 (CST)1 console.log(date + 1);//Sun Apr 17 2014 17:54:48 GMT+0800 (CST)1 console.log(date - 1);//1460886888556 console.log(date * 1);//1460886888557

加法运算

加法运算隐性转换，我之所以最后说，是因为加法运算隐性转换和之前的不一样，之前的所有的运算符号，只要一个是数字，另一个也默认使用Number（）进行数字转换。加法运算不一样。加法运算只要其中一个是字符串，那么另外一个也会转换为字符串，然后进行字符串的拼接！

看看一开始的例子吧！

 console.dir(16+"5"); //156 console.dir(5+"a");//5a console.dir(5+NaN);//NaN console.dir(5+null);//5 console.dir('5'+null);//5null console.dir(5+undefined);//NaN console.dir(null+undefined);//NaN console.dir(5+5);//10 console.dir("两个数的和是"+5+5);//两个数的和是55 console.dir("两个数的和是"+(5+5));//两个数的和是10

下面说一下加法运算符隐性转换原则：

1、有一个是字符串，那么另外一个也会转换为字符串进行拼接。假如一个是字符串，另外一个是null或者undefined，那么相加，null或者undefined就会调用String()方法，获得字符串“null”或者“undefined”，然后进行拼接。

2、假如一个数字加null或者undefined，那么还是把null或者undefined进行Number()转换之后再相加。

3、剩下的原则和其他的差不多，就不多说了。