数据类型的判断

常用的判断数据类型有四种:

typeof、instanceof、constructor、Object.prototype.toString.call()
数据类型有两种表示方式:String,‘string’

1. typeof
//基本数据类型
console.log(typeof 100)//"array"
console.log(typeof 'hellow')//"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 /123/)//object

由上可知:
对于基本类型,除 null 以外,均可以返回正确的结果。分别返回对应的数据类型小写字符。
对于引用类型,除 function 以外,一律返回 object 类型。
对于 null ,返回 object 类型。
对于 function 返回 function 类型。
另:用typeof检测构造函数创建的Number,String,Boolean都返回object

2.instanceof

instanceof 是用来判断 A 是否为 B 的实例,表达式为:A instanceof B,如果 A 是 B 的实例,则返回 true,否则返回 false。instanceof运算符需要指定一个构造函数,或者说指定一个特定的类型,它用来判断这个构造函数的原型是否在给定对象的原型链上。

//基本数据类型
console.log( 100 instanceof Number)//false
console.log( 'dsfsf' instanceof String) //false
console.log(false instanceof Boolean) //false
console.log(undefined instanceof Object) //报错
console.log(null instanceof Object) //报错
//引用数据类型
console.log([1,2,3] instanceof Array)//true
console.log({a:1,b:2,c:3} instanceof Object)//true
console.log(function(){console.log('aaa');} instanceof Function)//true
console.log( new Date() instanceof Date)//true
console.log( /^[a-zA-Z]{5,20}$/ instanceof RegExp)//true
console.log(new Error() instanceof Error//true

instanceof只能检测引用数据类型的,Number、String、Boolean的字面量值不能用instanceof检测,但是构建函数创建的值可以。用instanceof检测null、undefined会报错。

3.constructor

可以使用num.constructor==Number来判断一个变量是不是Number类型的。
基本数据类型除了undefined和null除外不可用constructor,引用数据类型都可用。


var c= [1,2,3]; 
var d = new Date(); 
var e = function(){alert(111);}; 
alert(c.constructor === Array) ----------> true
alert(d.constructor === Date) -----------> true
alert(e.constructor === Function) -------> true
//注意: constructor 在类继承时会出错
4.使用Object.prototype.toString.call()检测对象类型

可以通过toString() 来获取每个对象的类型。为了每个对象都能通过 Object.prototype.toString() 来检测,需要以 Function.prototype.call() 或者 Function.prototype.apply() 的形式来调用,传递要检查的对象作为第一个参数,称为thisArg。

var gettype=Object.prototype.toString
gettype.call('aaaa') 输出 [object String] 
gettype.call(2222) 输出 [object Number] 
gettype.call(true) 输出 [object Boolean] 
gettype.call(undefined) 输出 [object Undefined] 
gettype.call(null) 输出 [object Null] 
gettype.call({}) 输出 [object Object] 
gettype.call([]) 输出 [object Array] 
gettype.call(function(){}) 输出 [object Function]

这样可以看到使用Object.prototype.toString.call()的方式来判断一个变量的类型是最准确的方法。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值