js如何判斷一個對象是不是Array?

當聽到這個問題的時候,肯定有人第一個想法就是用“typeof”來判斷,實則,并不能實現;很憂傷!
下面咱先來說一說“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,還是剛剛的數組,成功的返回 true。?請看下面,看實際代碼:

var arrayStr=new Array("1","2","3","4","5");
alert(arrayStr instanceof Array);

啊,成功了!高興吧!這樣真的可以了嗎?是嗎?
其實?instanceof還是有一定的局限性的,一想到這,不是驗證正確了嗎?沒毛病啊!
事實上在多個frame中穿梭就會產生大問題了????

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下是不支持的,FF下才有;
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)
上面的規范定義了Object.prototype.toString的行為:首先,取得對象的一個內部屬性[[Class]],然后依據這個屬性,返回一個類似于"[object Array]"的字符串作為結果(看過ECMA標準的應該都知道,[[]]用來表示語言內部用到的、外部不可直接訪問的屬性,稱為“內部屬性”)。利用這個方法,再配合call,我們可以取得任何對象的內部屬性[[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對象構建的問題,經過測試,各大瀏覽器兼容性也很好,可以放心使用。一個好消息是,很多框架,比如jQuery、Base2等等,都計劃借鑒此方法以實現某些特殊的,比如數組、正則表達式等對象的類型判定,不用我們自己寫了。
另外Ext3 也已經換成這樣的寫法了;

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 類型的值,是數組則返回一個“true”,反之“false”
成了!?
行就到這吧!希望大家多多支持!

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 題目:如何判斷一個js對象是否是Array,arr為要判斷的對象,其中最準確的方法是?A. typeof(arr)...
    梁海杰_IRV閱讀 520評論 0 2
  • 前言 js 中的類型檢測也是很重要的一部分,所以說這篇文章我們就來講一下怎么對 JavaScript 中的基本數據...
    sunshine小小倩閱讀 486評論 1 3
  • ECMAScript關鍵字 delete do else finally function in instance...
    doudou2閱讀 726評論 0 0
  • 第5章 引用類型(返回首頁) 本章內容 使用對象 創建并操作數組 理解基本的JavaScript類型 使用基本類型...
    大學一百閱讀 3,270評論 0 4
  • “真正的作者得縮在床上,蹲在地溝,在所有破碎的地方。” 破碎之處,方有破碎之心。真理從來不會以修飾的形式存在,城市...
    一點影評閱讀 147評論 0 0