在開發中，我們經常需要判斷某個對象是否為數組類型，在Js中檢測對象類型的常見方法都有哪些呢？
typeof 操作符
對于Function， String， Number ，Undefined 等幾種類型的對象來說，他完全可以勝任，但是為Array時
1 | var arr=newArray("1","2","3","4","5"); |
你會收到一個object 的答案，有點讓人失望。
instanceof 操作符
JavaScript中instanceof運算符會返回一個 Boolean 值，指出對象是否是特定類的一個實例。使用方法：result = object instanceof class,還是剛剛的數組，再來一次，嗯，成功的返回 true。
1 | var arrayStr=newArray("1","2","3","4","5"); |
2 | alert(arrayStr instanceofArray); |
小總結：看樣子我們今天討論的問題已經得到了解答，但事實上在多個frame中穿梭就會產生大問題了。
1 | var iframe = document.createElement('iframe'); |
2 | document.body.appendChild(iframe); |
3 | xArray = window.frames[window.frames.length-1].Array; |
4 | var arr = new xArray("1","2","3","4","5");//這個寫法IE大哥下是不支持的，FF下才有 |
6 | alert(arr instanceofArray); // false |
7 | alert(arr.constructor === Array); // false |
返回結果為兩個False，讓人大失所望。
ECMA-262 寫道
Object.prototype.toString( ) When the toString method is called, the following steps are taken:
- Get the [[Class]] property of this object.
- Compute a string value by concatenating the three strings “[object “, Result (1), and “]”.
- Return Result (2)
上面的規范定義了Object.prototype.toString的行為：首先，取得對象的一個內部屬性[[Class]]，然后依據這個屬性，返回一個類似于"[object Array]"的字符串作為結果（看過ECMA標準的應該都知道，[[]]用來表示語言內部用到的、外部不可直接訪問的屬性，稱為“內部屬性”）。利用這個方法，再配合call，我們可以取得任何對象的內部屬性[[Class]]，然后把類型檢測轉化為字符串比較，以達到我們的目的。還是先來看看在ECMA標準中Array的描述吧。
ECMA-262 寫道
new Array([ item0[, item1 [,…]]])
The [[Class]] property of the newly constructed object is set to “Array”.
于是利用這點，第三種方法登場了。
2 | returnObject.prototype.toString.call(obj) === '[object Array]'; |
call改變toString的this引用為待檢測的對象，返回此對象的字符串表示，然后對比此字符串是否是'[object Array]'，以判斷其是否是Array的實例。也許你要問了，為什么不直接o.toString()？嗯，雖然Array繼承自Object，也會有toString方法，但是這個方法有可能會被改寫而達不到我們的要求，而Object.prototype則是老虎的屁股，很少有人敢去碰它的，所以能一定程度保證其“純潔性”：）
與前面幾個方案不同，這個方法很好的解決了跨frame對象構建的問題，經過測試，各大瀏覽器兼容性也很好，可以放心使用。一個好消息是，很多框架，比如jQuery、Base2等等，都計劃借鑒此方法以實現某些特殊的，比如數組、正則表達式等對象的類型判定，不用我們自己寫了。
另外Ext3 也已經換成這樣的寫法了
2 | returntoString.apply(v) === '[object Array]'; |
本站僅提供存儲服務，所有內容均由用戶發布，如發現有害或侵權內容，請
點擊舉報。
