# JS判斷數據類型的方法 來源：http://www.jb51.net/article/84968.htm > 比如要判斷一個變量是否是數組類型,PHP中有is_array()函數可以直接判斷,然而js中我們需要...-- well,下面我們就來詳細看一下JavaScript中判斷數據類型的方法總結 ## 一：typeof ``` //haorooms是全局變量 if(haorooms!=undefined){ } //js會報錯，說"Uncaught ReferenceError: haorooms is not defined" ``` 解決的方法是我們如下寫： ``` if(typeof haorooms!=undefined){ } ``` 用了typeof之后，就不會報錯了！這是typeof的應用之一! 此外，typeof還可以進行數據類型的判斷！如下： ``` var haorooms="string"; console.log(haorooms); //string var haorooms=1; console.log(haorooms); //number var haorooms=false; console.log(haorooms); //boolean var haorooms; console.log(typeof haorooms); //undfined var haorooms= null; console.log(typeof haorooms); //object var haorooms = document; console.log(typeof haorooms); //object var haorooms = []; console.log(haorooms); //object var haorooms = function(){}; console.log(typeof haorooms) //function 除了可以判斷數據類型還可以判斷function類型 ``` 很明顯，對于typeof,除了前四個類型外，null、對象、數組返回的都是object類型； ## 二：instanceof 可以用其判斷是否是數組。 ``` var haorooms=[]; console.log(haorooms instanceof Array) //返回true ``` ## 三：constructor constructor就是返回對象相對應的構造函數。 判斷各種數據類型的方法： ``` console.log([].constructor == Array); console.log({}.constructor == Object); console.log("string".constructor == String); console.log((123).constructor == Number); console.log(true.constructor == Boolean); function employee(name,job,born){ this.name=name; this.job=job; this.born=born; } var haorooms=new employee("Bill Gates","Engineer",1985); console.log(haorooms.constructor); //輸出function employee(name, jobtitle, born){this.name = name; this.jobtitle = job; this.born = born;} ``` 通過輸出haorooms.constructor，可以看出constructor就是返回對象相對應的構造函數。 ## 四：Object.prototype.toString 前面我們提到了可以運用 constructor 屬性來判定物件類型，讓我們再來講講 Object.protype.toString 這個方法 ``` Object.prototype.toString.apply({}) // "[object Object]" Object.prototype.toString.apply([]) // "[object Array]" Object.prototype.toString.apply(NaN)// "[object Number]" Object.prototype.toString.apply(function(){}) // "[object Function]" ``` 運用這種方式我們可以正確的判斷一個變量的基本型態，但是如果是自訂類型的話，卻無法得知真正的類型，因為結果依然會是 [object Object] ## 五：其他(我暫時沒看懂這個) jQuery 也有類型判斷的方法，下面是一例 ``` $.isWindow(window) // true ``` 怎么做的呢 ``` core.js#479 isWindow: function( obj ) { return obj != null && obj == obj.window; } ``` 所以開一個這樣的 Object: ``` var fakeWindow; fakeWindow = {}; fakeWindow.window = fakeWindow; $.isWindow(fakeWindow) // true ``` 你就騙過他了。 ## 小結 在 JavaScript 中要正確判斷類型，當仔細去鉆研的時候，真是一件麻煩事，根據不同的情境去設計你的判斷式是相當重要的，我們也必須要去思考如何用最簡潔的方式判斷正確的類型，當然這篇還有很多地方沒有介紹到，例如 isPrototypeOf 這個方法，JavaScript 是一個有許多歷史包袱的語言，但也是不斷的在進步，運用它的時候，要注意，有太多的方式是雙面刃，切記要小心運用。