當聽到這個問題的時候缎脾,肯定有人第一個想法就是用“typeof”來判斷,實則占卧,并不能實現(xiàn)遗菠;很憂傷联喘!
下面咱先來說一說“typeof”,在js中辙纬,對于Function豁遭, String, Number 牲平,Undefined 等幾種類型的對象來說堤框,他完全可以勝任?,大家都懂的纵柿!
1.typeof?
var arr=new Array("1","2","3","4","5");??
alert(typeof(arr));
你會收到一個object 蜈抓;什么破玩意;是不是這個時候想把鍵盤摔了昂儒,摔了沒關系沟使,再買吧!往下看:
2.instanceof
咱不能一條道走到黑渊跋,咱們得找其他的路子啊腊嗡,對不對?
JavaScript中instanceof運算符會返回一個 Boolean 類型的值拾酝,指出對象是否是特定類的一個實例燕少。
使用方法:result = object instanceof class,還是剛剛的數(shù)組,成功的返回 true蒿囤。?請看下面客们,看實際代碼:
var arrayStr=new Array("1","2","3","4","5");
alert(arrayStr instanceof Array);
啊,成功了材诽!高興吧底挫!這樣真的可以了嗎?是嗎脸侥?
其實?instanceof還是有一定的局限性的建邓,一想到這,不是驗證正確了嗎睁枕?沒毛病肮俦摺!
事實上在多個frame中穿梭就會產(chǎn)生大問題了?譬重?拒逮??
var iframe = document.createElement_x('iframe');
document.body.appendChild(iframe);
xArray = window.frames[window.frames.length-1].Array;
var arr = new xArray("a","b","c","d","e");//這個寫法老古董IE下是不支持的臀规,F(xiàn)F下才有;
alert(arr instanceof Array); // false
alert(arr.constructor === Array); // false
返回結果為兩個False滩援,讓人大失所望。為毛塔嬉?
3.?Object.prototype.toString( )
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)
上面的規(guī)范定義了Object.prototype.toString的行為:首先玩徊,取得對象的一個內(nèi)部屬性[[Class]]租悄,然后依據(jù)這個屬性,返回一個類似于"[object Array]"的字符串作為結果(看過ECMA標準的應該都知道恩袱,[[]]用來表示語言內(nèi)部用到的泣棋、外部不可直接訪問的屬性,稱為“內(nèi)部屬性”)畔塔。利用這個方法潭辈,再配合call,我們可以取得任何對象的內(nèi)部屬性[[Class]]澈吨,然后把類型檢測轉化為字符串比較脚作,以達到我們的目的洲押。還是先來看看在ECMA標準中Array的描述吧蒸眠。
new Array([ item0[, item1 [,…]]])
The [[Class]] property of the newly constructed object is set to “Array”.
于是利用這點前翎,第三種方法登場了。
call改變toString的this引用為待檢測的對象桑阶,返回此對象的字符串表示柏副,然后對比此字符串是否是'[object Array]',以判斷其是否是Array的實例蚣录。也許你要問了割择,為什么不直接o.toString()?嗯萎河,雖然Array繼承自Object锨推,也會有toString方法,但是這個方法有可能會被改寫而達不到我們的要求公壤,而Object.prototype則是老虎的屁股,很少有人敢去碰它的椎椰,所以能一定程度保證其“純潔性”:)
與前面幾個方案不同厦幅,這個方法很好的解決了跨frame對象構建的問題,經(jīng)過測試慨飘,各大瀏覽器兼容性也很好确憨,可以放心使用。一個好消息是瓤的,很多框架休弃,比如jQuery、Base2等等圈膏,都計劃借鑒此方法以實現(xiàn)某些特殊的塔猾,比如數(shù)組、正則表達式等對象的類型判定稽坤,不用我們自己寫了丈甸。
另外Ext3 也已經(jīng)換成這樣的寫法了;
isArray : function (v){
return toString.apply(v) === '[object Array]';}
4.JQ中$isArray();
話不多說糯俗,直接上代碼吧!
$(document).ready(function(){
var Arr = ["4","8","1","3"];
alert($.isArray(Arr));?
})?
返回的值為?Boolean 類型的值睦擂,是數(shù)組則返回一個“true”得湘,反之“false”
成了!?
行就到這吧顿仇!希望大家多多支持淘正!