捋一捋Javascript数据类型转换规则

Posted 2020-08-22

一、数据类型

5种基本数据类型：Null/Undefined/String/Boolean/Number

1种复杂数据类型：Object

二、数据类型检测

传送门《四种JS数据类型方式及其局限性》

1、typeof

2、instanceof/constructor

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

4、Object.prototype.toString

三、数据类型转换

JS内部提供不同数据类型的自动转换机制，在某处预期为某种类型而不是某种类型时，就会自动转换为预期类型，这就是我们常说的隐式转换。

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