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文檔之中。