js数据类型判断

js数据类型几种

typeof、instanceof、constructor、object.prototype.toString.call()

1.typeof

typeof可以检测Number、String、Boolean、Undefined、Function的数据类型，返回对应的数据类型的小写字符
null是不可以被typeof检测的返回的是object

console.log(typeof 100);            // 'number'
console.log(typeof '100');          // 'string'
console.log(typeof true);           // 'boolean'
console.log(typeof undefined);      // 'undefined'
console.log(typeof function(){});   // 'function'

console.log(typeof null);           // 'object'

console.log(typeof []);             // 'object'
console.log(typeof {});             // 'object'
console.log(typeof new Date());     // 'object'
console.log(typeof /^123$/);        // 'object'

console.log(typeof new Number(100));// 'object'

2.instanceof

不能检测基本数据类型，只能用来检测引用数据类型
基本数据类型：Number、String、Boolean不可以使用instanceof会返回false
null和undefined也返回了false，这是因为它们的类型就是自己本身

console.log([] instanceof Array);       //true
console.log({} instanceof Object);      //true
console.log(new Date() instanceof Date);//true
console.log(/^123$/ instanceof RegExp); //true
console.log(function(){} instanceof Function);  // true
console.log(new Number(100) instanceof Number); // true

console.log(100 instanceof Number);     // false
console.log(true instanceof Boolean);   // false

constructor

constructor是prototype对象上的属性，指向构造函数
可以检测任何数据类型，除undefined和null没有constructor属性

console.log([].constructor == Array);       //true
console.log({}.constructor == Object);      //true
console.log(function(){}.constructor == Function);  //true
console.log(new Date().constructor == Date);        //true
console.log(/^123$/.constructor == RegExp);         //true
console.log(new Number(100).constructor == Number);//true

let a = 100
console.log(a.constructor == Number);       //true
console.log(true.constructor == Boolean);   //true
console.log('1'.constructor == String);     //true
console.log(null.constructor);      // 报错 没有原型
console.log(undefined.constructor); // 报错

Object.prototype.toString.call()

Object.prototype.toString.call()判断数据类型是最准确的
对于Object.prototype.toString()方法，会返回一个形如"[object XXX]" 的字符串。

toString.call(123); //"[object Number]"
toString.call('abcdef'); //"[object String]"
toString.call(true); //"[object Boolean]"
toString.call([1, 2, 3, 4]); //"[object Array]"
toString.call({name:'wenzi', age:25}); //"[object Object]"
toString.call(function(){ console.log('this is function'); }); //"[object Function]"
toString.call(undefined); //"[object Undefined]"
toString.call(null); //"[object Null]"
toString.call(new Date()); //"[object Date]"
toString.call(/^[a-zA-Z]{5,20}$/); //"[object RegExp]"
toString.call(new Error()); //"[object Error]"