JS 判断数据类型的方法

一、JS 中的数据类型

● 基本数据类型：String 、Number 、undefined 、Null 、Boolean
● 引用数据类型：Object（Array、Function、Date…）
● ES6新增数据类型：Symbol、bigInt

二、JS 中判断数据类型的方法

1、使用 typeof

let obj = {
    name: 'john',
    age: 20,
    sex: '男'
}
let fn = function() {
    console.log('我是 function 类型');
}
console.log(typeof 1);       //number
console.log(typeof 'abc');   //string
console.log(typeof true);    //boolean
console.log(typeof undefined);  //undefined 
console.log(typeof fn);      //function
console.log(typeof (new Date) );  //object
console.log(typeof null);     //object
console.log(typeof [1,2,3]);  //object
console.log(typeof obj);      //object

【注意】：
● 对于基本类型，除 null 以外，均可以返回正确的结果。
● 对于引用类型，除 function 以外，一律返回 object 类型。
● 对于 null ，返回 object 类型。
● 对于 function 返回 function 类型。

2、使用 instanceof

instanceof一般用来检测引用数据类型，表达式为：A instanceof B，判断A是否是B的实例，如果 A 是 B 的实例，则返回 true,否则返回 false，由构造类型判断出数据类型。

let arr=[1,2,3,4]
let obj={
    name: 'john',
    age: 20,
    sex: '男'
}
let fn=function() {
    console.log('我是 function 类型');
}

console.log(arr instanceof Array);  //true
console.log(obj instanceof Object);  //true
console.log(fn instanceof Function);  //true
console.log((new Date) instanceof Date);  //true

3、 使用constructor

constructor是prototype对象上的属性，指向构造函数，注意：除了undefined和null之外，其他类型都可以通过constructor属性来判断类型。

let arr = [1, 2, 3, 4]
let obj = {
    name: 'john',
    age: 20,
    sex: '男'
}
let fn = function () {
   console.log('我是 function 类型');
}

console.log((9).constructor === Number);  //true
console.log('hello'.constructor === String);  //true
console.log(true.constructor === Boolean);  //true
console.log(fn.constructor === Function);  //true
console.log((new Date).constructor === Date);  //true
console.log(obj.constructor === Object);  //true
console.log([1, 2, 3].constructor === Array);  //true

4、使用Object.prototype.toString.call()

toString是Object原型对象上的一个方法，该方法默认返回其调用者的具体类型更严格的讲，是 toString运行时this指向的对象类型, 返回的类型格式为[object,xxx],xxx是具体的数据类型，其中包括：String，Number，Boolean，Undefined，Null，Function，Date，Array，RegExp，Error，HTMLDocument等等都可以通过这个方法获取到。

let obj = {
	name: 'john',
	age: 20,
	sex: '男'
}
let fn = function () {
	console.log('我是 function 类型');
}

console.log(Object.prototype.toString.call(1));        // [object Number]
console.log(Object.prototype.toString.call('Hello tomorrow')); // [object String ]
console.log(Object.prototype.toString.call(true));     // [object Boolean]
console.log(Object.prototype.toString.call(undefined));  // [object Undefined]
console.log(Object.prototype.toString.call(fn));   // [object Function]
console.log(Object.prototype.toString.call(new Date));  // [object Date]
console.log(Object.prototype.toString.call(null));   // [object Null]
console.log(Object.prototype.toString.call([1, 2, 3]));  // [object Array]
console.log(Object.prototype.toString.call(obj));       // [object Object]