Js/Jq 常见获取数据类型的方法

JavaScript

方法一 typeof

	var str = 'aaaa';
    var num = 123;
    var fun = function () {};
    var arr = [];
    var ice= new Food();
    var time = new Date();
 
    // 方法一 typeof
    console.log("方法一 typeof")
    console.log(typeof fun);  // function
    console.log(typeof arr);  // object
    console.log(typeof ice);  // object
    /*缺点 ： 实例对象和数组返回的都是object，没有办法区分。*/
    

方法二 tostring.call();

 	// 方法二 tostring.call();
    console.log("方法二 tostring.call();")
    console.log(toString.call(arr)); // [object Array]
    console.log(toString.call(ice)); // [[object Object]]
    console.log(toString.call(time)); // [object Date]
    console.log(toString.call(str)); // [object String]
　　// 相比typeof来说，对象的类型更加的清晰

方法三 Instanceof 和 constructor

 	// 方法三 Instanceof 和 constructor
    /*用于检测某个实例对象是由哪个构造函数创建出来的*/
    console.log('方法三 Instanceof 和 constructor')
    console.log(ice.constructor); //function Food() {}
    console.log(ice instanceof Food);   // true

方法三 Instanceof 和 constructor

	// 方法四 hasOwnProperty  判断某个属性是不是对象自身的属性
	var Room= {
		name:'客厅',
		size:{
			length:1970,
			width:50,
			height:300
		}
	}
	console.log(Room.hasOwnProperty('name'))  // true
	console.log(Room.hasOwnProperty('size'))  // true
	console.log(Room.hasOwnProperty('width'))  //false

jQuery

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

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

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

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

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

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

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

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