javascript检测基本类型值或引用类型值的类型方法
首先javascript的数据类型分为两种数据类型:基本数据类型和引用数据类型
基本数据类型:Number,String,Boolean,Undefined,Null。原始值,是简单的数据段,可按值访问,直接操作保存在变量中的实际值
引用数据类型:Object,Array,Function,Date,RegExp,单体内置对象(Math,window(客户端才有的全局对象),global(服务端才有的全局对象))。引用值,是保存在栈内存中的对象,是有多个值构成的对象,与其他语言不同的是:你不可以直接访问堆内存空间中的位置和操作堆内存空间,只能操作对象在堆内存中的引用地址
我在这列举了3种方法,使用console.log()逐一打印出来,一目了然
第1种方法,使用typeof检测:
检测类型typeof,typeof(x)或者typeof x:检测基本类型值的数据类型,不建议检测引用类型值(note:也可检测单体内置对象(Math,window,global),但是都是object)
console.log(typeof 1); //number console.log(typeof "1"); //string console.log(typeof true); //boolean console.log(typeof undefined); //undefined console.log(typeof null); //object console.log(typeof {}); //object console.log(typeof []); //object console.log(typeof function() {}); //function console.log(typeof new Date()); //object console.log(typeof new RegExp()); //object console.log(typeof Math); //object console.log(typeof window); //object(客户端的全局对象,否则undefined) console.log(typeof global); //object(服务端的全局对象,否则undefined)
第2种方法:使用instanceof检测:
检测类型instanceof:检测一个引用类型值是什么类型的对象,不建议检测基本类型值,因为在基本类型值中始终返回false(note:不可检测单体内置对象(Math,window,global))
console.log(1 instanceof Number); //false console.log("1" instanceof String); //false console.log(true instanceof Boolean); //false // console.log(undefined instanceof Undefined); //报错,因为Undefined不存在 // console.log(null instanceof Null); //报错,因为Null不存在 console.log({} instanceof Object); //true console.log([] instanceof Array); //true,也属于Object类型 console.log(function() {} instanceof Function); //true,也属于Object类型 console.log(new Date() instanceof Date); //true,也属于Object类型 console.log(new RegExp() instanceof RegExp); //true,也属于Object类型
第3种方法:使用Object.prototype.toString().call(x)检测:
检测类型Object.prototype.toString.call(x),可检测基本类型值和引用类型值(note:也可检测单体内置对象(Math,window,global)和JSON)
但是Object.prototype.toString()本身是允许被修改的,而我们目前所探讨的是假设未被修改为前提的
console.log(Object.prototype.toString.call(1)); //[object Number] console.log(Object.prototype.toString.call("1")); //[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(null)); //[object Null] console.log(Object.prototype.toString.call({})); //[object Object] console.log(Object.prototype.toString.call([])); //[object Array] console.log(Object.prototype.toString.call(function(){})); //[object Function] console.log(Object.prototype.toString.call(new Date())); //[object Date] console.log(Object.prototype.toString.call(new RegExp())); //[object RegExp] console.log(Object.prototype.toString.call(Math)); //[object Math] console.log(Object.prototype.toString.call(window)); //[object Window](客户端的全局对象,否则报错) // console.log(Object.prototype.toString.call(global)); //[object global](服务端的全局对象,否则报错) console.log(window.JSON && Object.prototype.toString.call(JSON)); // [object JSON]
使用这种方法,可以编写一个判断所有类型的函数:
function getType(obj) { let str = Object.prototype.toString.call(obj) // 检测基本类型值,引用类型值的类型 let map = { '[object String]': 'string', '[object Number]': 'number', '[object Boolean]': 'boolean', '[object Undefined]': 'undefined', '[object Null]': 'null', '[object Object]': 'object', '[object Array]': 'array', '[object Function]': 'function', '[object Date]': 'date', '[object RegExp]': 'regexp' } if(obj instanceof Element) { return 'element' } return map[str] } console.log(getType('文本')); // string console.log(getType(123)); // number console.log(getType(true)); // boolean console.log(getType(undefined)); // undefined console.log(getType(null)); // null console.log(getType({})); // object console.log(getType([])); // array console.log(getType(function(){})); // funciton console.log(getType(new Date())); // date console.log(getType(new RegExp(/123/))); // regexp