Javascript中数据类型分为两种&＃xff1a;

1. 简单数据类型&＃xff1a;Undefined, NULL, Boolean, Number, String
2. 复杂数据类型&＃xff1a;Object 接下来我们就来看看怎么做数据类型判别吧&＃xff1f;

首先来看看 typeof

Type	Result
Undefined	"undefined"
Null	"object" (see below)
Boolean	"boolean"
Number	"number"
String	"string"
Symbol (new in ECMAScript 2015)	"symbol"
Host object (provided by the JS environment)	Implementation-dependent
Function object (implements [[Call]] in ECMA-262 terms)	"function"
Any other object	"object"

来点code demo吧

let a &＃61; undefined;
typeof a
"undefined"let b &＃61; false;
typeof b
"boolean"let c &＃61; 12;
typeof c
"number"let d &＃61; &＃39;12&＃39;;
typeof d
"string"let f &＃61; function () {};
typeof f
"function"


接下来我们就来看看那些奇怪的现象吧

let str &＃61; new String(&＃39;abc&＃39;);
typeof str
"object"let num &＃61; new Number(12);
typeof num
"object"var func &＃61; new Function();
typeof func;
"function"typeof null
"object"


使用构造函数创建的变量&＃xff0c;使用typeof判断会返回“object”结果&＃xff0c;但是Function函数例外&＃xff0c;由它创建的变量typeof返回的是“function”

接着就来说说typeof null &＃61;&＃61; "object"。这个相信前端开发的小伙伴都知道是这个结果了&＃xff0c;But why? 这其实是Javascript第一个版本就存在的一个bug,历史原因可以看看这篇文章The history of typeof null

关于如何判断数组

let arr &＃61; [1, 2, 3];
typeof arr
"object"


上面这个结果大家应该不陌生&＃xff0c;那该如何正确判断数组类型呢

1. instanceof arr instanceof Array //true
2. isArray Array.isArray(arr) // true
3. constructor.name

   arr.constructor.name // "Array"


第三种用法用的人应该比较少&＃xff0c;不少前端的的小伙伴都没用过。对于复杂类型Object,它的每个实例都有constructor属性。

instanceof vs isArray

当检测Array实例时, Array.isArray 优于 instanceof,因为Array.isArray能检测iframes.

var iframe &＃61; document.createElement(&＃39;iframe&＃39;);
document.body.appendChild(iframe);
xArray &＃61; window.frames[window.frames.length-1].Array;
var arr &＃61; new xArray(1,2,3); // [1,2,3]// Correctly checking for Array
Array.isArray(arr); // true
// Considered harmful, because doesn&＃39;t work though iframes
arr instanceof Array; // false


这段代码是从MDN copy的。补充以下结果&＃xff0c;发现第三种方法constructor.name也能正确判断出。

arr.constructor.name //"Array"


关于NAN

使用isNaN判断NaN。 isNaN(1/&＃39;a&＃39;) // true

我们知道NaN &＃61;&＃61; NaN结果是false,那如何判断两个NaN变量呢&＃xff1f;

比较两个NaN变量&＃xff0c;使用es6的Object.is()即可。

let nan1 &＃61; NaN
let nan2 &＃61; NaN
Object.is(nan1, nan2)
true