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>

jQuery提供判断数据类型的一些方法：

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

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

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

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

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

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

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

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