JS/jQuery判断数据类型的几种方式

JavaScript提供判断数据类型的一些方法:
方法一:typeof;

方法二:tostring.call();

方法三:Instanceof 和 constructor;

方法四:hasOwnProperty;

代码例子如下:

			    <script>
		        var str = 'aaaa';
		    
		        var num = 123;
		    
		        var fun = function () {};
		    
		        var arr = [];
		    
		        function Person() {};
		    
		        function Food() {};
		    
		        var xiaoming = new Person();
		        var bananer = new Food();
		        var time = new Date();
		    
		        // 方法一 typeof
		        console.log("方法一 typeof")
		        console.log(typeof fun);  // function
		        console.log(typeof arr);  // object
		        console.log(typeof xiaoming);  // object
		        /*缺点 : 实例对象和数组返回的都是object,没有办法区分。*/
		    
		        // 方法二 tostring.call();
		        console.log("方法二 tostring.call();")
		        console.log(toString.call(arr)); // [object Array]
		        console.log(toString.call(xiaoming)); // [[object Object]]
		        console.log(toString.call(time)); // [object Date]
		        console.log(toString.call(str)); // [object String]
		      // 相比typeof来说,对象的类型更加的清晰
		    
		        // 方法三 Instanceof 和 constructor
		        /*用于检测某个实例对象是由哪个构造函数创建出来的*/
		        console.log('方法三 Instanceof 和 constructor')
		        console.log(bananer.constructor); //function Food() {}
		        console.log(xiaoming.constructor);  // function Person() {}
		        console.log(bananer instanceof Person); // false
		        console.log(bananer instanceof Food);   // true
		    
		       // 方法四 hasOwnProperty  判断某个属性是不是对象自身的属性
		       var iphone = {
		           name:'iphone',
		           age:100,
		           address:{home:'江苏',current:'北京昌平'}
		       }
		    console.log(iphone.hasOwnProperty('name'))  // true
		    console.log(iphone.hasOwnProperty('age'))   // true
		    console.log(iphone.hasOwnProperty('address'))  // true
		    console.log(iphone.hasOwnProperty('home'))  //false
		    </script>

Query提供判断数据类型的一些方法:

以下方法对参数进行判断,返回一个布尔值。

jQuery.isArray():是否为数组。

jQuery.isEmptyObject():是否为空对象(不含可枚举的属性)。

jQuery.isFunction():是否为函数。

jQuery.isNumeric():是否为数字。

jQuery.isPlainObject():是否为使用“{}”或“new Object”生成的对象,而不是浏览器原生提供的对象。

jQuery.isWindow():是否为window对象。

jQuery.isXMLDoc():判断一个DOM节点是否处于XML文档之中。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值