如何判断JavaScript数据具体类型
昨晚做了阿里的题目,让我写一个函数,可以判断数据的具体类型。其实题目很简单的。。。但是真的是自己不太注意吧,写的很糟糕啊。
然后今天就自己写了一个,然后又到晚上搜了下,看看别人的写法,结果发现自己有点思维受限啊,不够开阔啊,那些方法其实都是见过的,可能是自己没有梳理过,或者认真对待。今天就把这些方法整理一下。
1、基本数据类型采用typeof,这个返回的都是很准的。
var a = "iamstring."; var b = 222; var c= [1,2,3]; var e = function(){alert(111);}; var f = function(){this.name="22";}; alert(typeof a) ------------> string alert(typeof b) ------------> number alert(typeof c) ------------> object//数组是引用类型的 alert(typeof f) ------------> function alert(typeof e) ------------> function
2、引用类型采用instanceof, 主要针对的是采用new 实例化的对象。
var a = new String("iamstring."); var b = new Number(222); var c = new Array(222,2,4); var e = function(){console.log(111);}; var f = function(){this.name="22";}; var f = function(){this.name="22";}; var h = new Error("foo"); console.log(a instanceof String) //true console.log(b instanceof Number) //true console.log(c instanceof Array) //true console.log(e instanceof Function) //true console.log(f instanceof Function) //true console.log(h instanceof Error) //true
3、根据constructor来判断
其中a-h跟上面的一样,就不重复定义了,注意不带引号的,是要大写
var i="str", arr=[1], num=1; console.log(a.constructor=== String) //true console.log(b.constructor=== Number) //true console.log(c.constructor=== Array) //true console.log(e.constructor=== Function) //true console.log(f.constructor=== Function) //true console.log(h.constructor===Error) //true console.log(i.constructor===String) //true console.log(num.constructor=== Number) //true console.log(arr.constructor=== Array) //true
4、toString()方法,这是最通用的,大小写不能写错,有点麻烦
console.log(Object.prototype.toString.call(a) === ‘[object String]’) -------> true; console.log(Object.prototype.toString.call(b) === ‘[object Number]’) -------> true; console.log(Object.prototype.toString.call(c) === ‘[object Array]’) -------> true; console.log(Object.prototype.toString.call(d) === ‘[object Date]’) -------> true; console.log(Object.prototype.toString.call(e) === ‘[object Function]’) -------> true; console.log(Object.prototype.toString.call(f) === ‘[object Function]’) -------> true;
5、可以采用一些某些数据类型采用的方法
比如:string 类型的 replace
regexp类型的test, exec
数组还有一种判断方法:Array.isArray()
date 类型的 getMonth()等
树林美丽、幽暗而深邃,但我有诺言尚待实现,还要奔行百里方可沉睡。 -- 罗伯特·弗罗斯特