js类型转换

js类型转换表格

从上表中可以看到，原始值到原始值的转换相对简单。原始值到对象的转换也非常简单，原始值通过调用String()、Number()或Boolean()构造函数，转换为它们各自的包装对象。null和undefined属于例外，当将它们用在期望是一个对象的地方都会造成一个类型错误异常，而不会执行正常的转换。
下面我们先来看一下相等运算符和恒等运算符的区别：

1、== 和 ===的区别

从上图可以看出来，等等运算符与 等等等运算符再同样的两个值得比较结果并不相同，这里需要我们理解区分 一下这两个运算符的区别。
但是需要我们特别注意的是，比较结果为true，但并不意味两个值相等。

“！=”和“！==”运算符的检测规则是相等和恒等运算符的求反。

严格相等运算符“===”首先计算其操作数的值，然后比较这两个值，比较过程中没有任何的类型转换：

• 如果两个值类型不相等，则它们不相等。
• 如果两个值都是null或undefined，则它们不相等。
• 如果两个值都是布尔值true或都是布尔值false，则它们相等。
• 如果其中一个值是NaN，或者两个值都是NaN，则它们不相等。NaN和任何值都不相等，包括它本身。我们可以通过x !== x来判断x是否NaN，只有在x为NaN时，这个表达式才为true。
• 如果两个值为数字且数值相等，则它们相等。如果一个值为0，另一个值为-0，则它们同样相等。
• 如果两个值为字符串，且所含的对应位上的16位数完全相等，则它们相等。如果它们的长度或内容不同，则它们不等。两个字符串可能含义完全一样，且所显示出的字符也一样，但具有不同编码的16位值。JavaScript并不对Unicode进行标准化的转换，因此像这样的字符串通过恒等和相等运算符的比较结果也不相等。
• 如果两个引用值指向同一个对象、数组或函数，则它们是相等的。如果指向不同的对象，则它们是不等的，尽管两个对象具有完全一样的属性。

相等运算符和恒等运算符相似，但是相等运算符的比较并不严格。如果两个操作数不是同一类型，那么相等运算符会尝试进行一些类型转换，然后进行比较：

• 如果两个操作数的类型相同，则和上述严格相等的比较规则一致。如果严格相等，那么比较结果为相等。如果它们不严格相等，则比较结果为不相等。
• 如果两个数操作类型不同，“==”操作符也可能认为它们相等。检测相等将会遵守如下规则和类型转换：
  （1）如果一个值为null，一个值为undefined，则它们相等。
  （2）如果一个值是数字，另一个值是字符串，先将字符串转换为数字，然后使用转换后的值进行比较。
  （3）如果其中一个值是true，则将其转换为1再进行比较。如果其中一个值为false，则将其转换为0再进行比较。
  （4）如果其中一个值是对象，另一个值是数字或字符串，则使用对象转字符串或对象转数字的规则将对象转换为原始值，然后再进行比较。对象通过toString（）方法或valueOf（）转换为原始值。
  （5）其他不同类型之间的比较均不相等。

2、数字转为字符串

• Number类的toString（）方法：可以接收表示转换基数（二进制、八进制等）的可选参数，如果不指定参数，转换规则将是基于10进制。
  
• toFixed( )方法：根据小数点后的指定位数将数字转换为字符串，从不使用指数记数法。
• toExponential( )方法：使用指数记数法将数字转换为指数形式的字符串，其中小数点前只有一位，小数点后的位数由参数指定（也就是说有效位数比指定的位数要多一位）。
• toPrecision()方法：根据指定的有效数字位数将数字转换成字符串。如果有效数字的位数少于数字整数部分的位数，则转换成指数形式，并且这三个方法都会适当的进行四舍五入或填充0。

3、字符串转为数字

• Number()方法：传入一个字符串，基于十进制将其转换为一个整数或浮点数。
• parseInt()方法：只解析整数，如果字符串的前缀是“0x”或“0X”，parseInt()将其解释为十六进制数。且parseInt可以接收第二个可选参数，这个参数指定数字转换的基数，合法的取值范围是2~36。
• parseFloat()方法：可以解析整数和浮点数。parseInt（）和parseFloat()都会跳过任意数量的前导空格，尽可能解析更多数值字符，并忽略后面的内容。如果第一个非空格字符是非法的数字直接量，将最终返回NaN。

4、对象转换为原始值

• 对象到布尔值：对象到布尔值的转换非常简单，所有的对象（包括数组和函数以及包装对象）都转，换为true。
• 对象到字符串和对象到数字的转换是通过调用待转换对象的一个方法来完成的。我们知道所有的对象都继承了两个方法，一个是toString（）方法，它的作用是返回一个反映这个对象的字符串。另一个方法是valueOf（）方法，这个方法的任务并未详细定义：如果存在任意原始值，它就默认将对象转换为它的原始值。
  各个类的toString()方法：
  （1）数组类（Array class）的toString（）方法是将每个数字元素转换为一个字符串，并在元素之间添加逗号之后合并成结果字符串。

var arr = [1,2,3,4];
arr.toString();

（2）函数类（Function class）的toString（）方法返回这个函数的实现定义的表示方式，即将用户定义的函数转换为JavaScript源代码字符串。

function ts (x){
 return x+5;
}；
ts.toString();

（3）日期类（Date class）的toString（）方法返回了一个可读的（可被JavaScript解析的）日期和时间的字符串。

new Date().toString();

（4）RegExp类（RegExp class）的toString（）方法将RegExp对象转换为表示正则表达式直接量的字符串。
各个类的valueOf（）方法：
（1）数组、函数和正则表达式简单地继承了valueOf()方法，调用这些类型的valueOf()方法返回的是对象本身。
（2）日期类（Date class）定义的valueOf（）方法会返回它的一个内部表示，即1970年一月一日以来的毫秒数。

new Date().valueOf();

a、对象转换成字符串

• 如果对象具有toString()方法，则调用这个方法。如果它返回一个原始值，JavaScript将这个值转换为字符串（如果本身不是字符串的话），并返回字符串结果。
• 如果对象没有toString（）方法，或者这个方法并不返回一个原始值，那么JavaScript会调用valueOf()方法。如果存在这个方法，则JavaScript调用它。如果返回值是原始值，JavaScript将这个值转换为字符串（如果本身不是字符串的话），并返回这个字符串结果。
• 否则，JavaScript无法从toString（）方法或valueOf（）方法获得一个原始值，因此这时它会抛出一个类型错误异常。

b、对象到数字

• 如果对象具有valueOf（）方法，后者返回一个原始值，则JavaScript将这个原始值转换为数字（如果需要的话）并返回这个数字。
• 否则，如果对象具有toString（）方法，后者返回一个原始值，则JavaScript将其转换并返回。
• 否则，JavaScript抛出一个类型错误异常。