详解JavaScript数据类型的转换规则

JavaScript数据类型分类

一、数据类型

JavaScript包含5种基本数据类型：Null、Undefined、String、Boolean和Number。

此外还有1种复杂数据类型：Object。

数据类型检测方法

二、数据类型检测

传送门《JS中检测数据类型的几种方式及优缺点小结》

1、typeof

2、instanceof/constructor

3、Object.prototype.toString.call(value)

4、Object.prototype.toString

数据类型转换机制

三、数据类型转换

JavaScript内部提供了不同数据类型的自动转换机制。当某处预期为某种类型而实际类型不符时，系统会自动将其转换为预期类型，这被称为隐式转换。

1、强制类型转换

在了解隐式转换之前，先来看强制类型转换。主要使用Boolean()、String()和Number()函数将各类数据转换为布尔值、字符串或数值型数据。

Boolean() 函数

当待转换的值是包含至少一个字符的字符串、非0数字或对象时，Boolean()函数返回true。若值为空字符串、数字0、undefined或null，则返回false。

var b1 = Boolean(""); //false - 空字符串
var b2 = Boolean("hello"); //true - 非空字符串
var b1 = Boolean(50); //true - 非零数字
var b1 = Boolean(null); //false - null
var b1 = Boolean(0); //false - 零
var b1 = Boolean(new object()); //true - 对象

Number() 函数

Number()函数的强制转换行为与parseInt()和parseFloat()类似，但区别在于它转换的是整个值，而非部分值。

parseInt()和parseFloat()方法仅转换第一个无效字符之前的字符串部分，因此字符串"1.2.3"会被分别转换为"1"和"1.2"。

使用Number()进行强制转换时，"1.2.3"会返回NaN，因为整个字符串无法转换为单一数字。如果字符串能完整转换，Number()会判断调用parseInt()还是parseFloat()。

String() 函数

第三种强制转换方法String()最为简单，它可将任何值转换为字符串。

执行此转换时，只需调用作为参数传入值的toString()方法。例如，将数字12转换为"12"，将布尔值true转换为"true"，将false转换为"false"，依此类推。

强制转换为字符串与调用toString()方法的唯一区别在于：对null和undefined值进行强制类型转换会生成字符串，而不会引发错误。

var s1 = String(null); //"null"
var oNull = null;
var s2 = oNull.toString(); //会引发错误

2、自动类型转换

自动类型转换建立在强制转换基础之上。当系统预期某位置应为特定类型（布尔值、数值或字符串）时，会自动调用相应的强制转换函数。

*当JavaScript遇到预期为布尔值的地方（如if语句的条件部分），会将非布尔值参数自动转换为布尔值。系统内部会自动调用Boolean函数。

因此，除以下六个值外，其他值均自动转为true。

• undefined
• null
• -0
• 0或+0
• NaN
• ''（空字符串）

*当JavaScript遇到预期为字符串的地方，会将非字符串数据自动转为字符串。系统内部会自动调用String函数。

字符串的自动转换主要发生在加法运算中。当一个值为字符串，另一个为非字符串时，后者将转换为字符串。

*当JavaScript遇到预期为数值的地方，会将参数值自动转换为数值。系统内部会自动调用Number函数。

除了加法运算符可能将操作数转为字符串外，其他运算符都会将操作数自动转为数值。

一元运算符也会将操作数转为数值。

+'abc' // NaN
-'abc' // NaN
+true // 1
-false // 0

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持本站！