Js数据类型及检测方法

谁践踏了优雅 2021-07-25 18:53 510阅读 0赞

## Js数据类型： ##

![基本数据类型（6）： 	字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol。引用数据类型（3）：	对象(Object)、数组(Array)、函数(Function)注：Symbol 是 ES6 引入了一种新的原始数据类型，表示独一无二的值。对象类型（3）：	对象(Object)、数组(Array)、Date不包含任何值的数据类型： 	对空（Null）、未定义（Undefined）][6_ _String_Number_Boolean_Null_Undefined_Symbol_3_Object_Array_Function_Symbol _ ES6 _3_Object_Array_Date_ _Null_Undefined]

## 检测变量数据类型 ##

![1.typeoftypeof "John"                	//返回stringtypeof 3.14                  	//返回numbertypeof false                 	//返回booleantypeof \[1,2,3,4\]             	//返回objecttypeof \{name:'John', age:34\}	//返回objecttypeof 未定义变量	//返回undefinedtypeof null	// objecttypeof undefined 	// undefinedtypeof NaN	//返回numbertypeof new Date()	// 返回 objecttypeof function () \{\}	// 返回 functionnull === undefined           // falsenull == undefined            // true][1.typeoftypeof _John_ _stringtypeof 3.14 _numbertypeof false _booleantypeof _1_2_3_4_ _objecttypeof _name_John_ age_34_objecttypeof _undefinedtypeof null_ objecttypeof undefined _ undefinedtypeof NaN_numbertypeof new Date_ _ objecttypeof function _ _ _ functionnull _ undefined _ falsenull _ undefined _ true]

如果对象是 JavaScript Array 或 JavaScript Date ，我们就无法通过 typeof 来判断他们的类型，因为都是 返回 object。  
可以通过constructor来查看JavaScript Array 或 JavaScript Date

![\[1,2,3,4\].constructor              	//返回函数Array()new Date().constructor          	//返回函数Date()][1_2_3_4_.constructor _Array_new Date_.constructor _Date]

Undefined， null无法通过.constructor 判断

## Js类型转换 ##

1.  将数字转换为字符串  
    全局方法 String() 可以将数字转换为字符串。  
    该方法可用于任何类型的数字，字母，变量，表达式：

String(123)

Number 方法. toString() 也是有同样的效果。

(123+2).toString()

1.  将字符串转换为数字  
    全局方法 Number() 可以将字符串转换为数字。  
    字符串包含数字(如 “3.14”) 转换为数字 (如 3.14).  
    空字符串转换为 0。  
    其他的字符串会转换为 NaN (不是个数字)。

Number("3.14")    // 返回 3.14
    Number(" ")       // 返回 0
    Number("")        // 返回 0
    Number("99 88")   // 返回 NaN

1.  \+可用于将变量转换为数字：

var y = "5";      // y 是一个字符串
    var x = + y;      // x 是一个数字
    var y = "John";   // y 是一个字符串
    var x = + y;      // x 是一个数字 (NaN)

1.  全局方法 Number() 可将布尔值转换为数字。

Number(false)     // 返回 0
    Number(true)      // 返回 1

1.  全局方法 Number() 可将日期转换为数字。

d = new Date();
    Number(d)          // 返回 1404568027739

1.  自动转换类型  
    数字型字符串-数字型字符串 =》转换为数字

“5”-2=3
    “5”-“2”=3

[6_ _String_Number_Boolean_Null_Undefined_Symbol_3_Object_Array_Function_Symbol _ ES6 _3_Object_Array_Date_ _Null_Undefined]: /images/20210725/2f42c18416874494b1401159bd4678ae.png
[1.typeoftypeof _John_ _stringtypeof 3.14 _numbertypeof false _booleantypeof _1_2_3_4_ _objecttypeof _name_John_ age_34_objecttypeof _undefinedtypeof null_ objecttypeof undefined _ undefinedtypeof NaN_numbertypeof new Date_ _ objecttypeof function _ _ _ functionnull _ undefined _ falsenull _ undefined _ true]: https://img-blog.csdnimg.cn/20210223191141933.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L0RheTcx,size_16,color_FFFFFF,t_70
[1_2_3_4_.constructor _Array_new Date_.constructor _Date]: https://img-blog.csdnimg.cn/20210223191253193.png