1. 程式人生 > >js判斷變數是否是陣列(跨瀏覽器和ECMA)

js判斷變數是否是陣列(跨瀏覽器和ECMA)

在開發中,我們經常需要判斷某個物件是否為陣列型別,在Js中檢測物件型別的常見方法都有哪些呢?

typeof 操作符

對於Function, String, Number ,Undefined 等幾種型別的物件來說,他完全可以勝任,但是為Array時

var arr=new Array("1","2","3","4","5");

alert(typeof(arr));

你會收到一個object 的答案,有點讓人失望。

instanceof 操作符

JavaScript中instanceof運算子會返回一個 Boolean 值,指出物件是否是特定類的一個例項。 使用方法:result = object instanceof class,還是剛剛的陣列,再來一次,嗯,成功的返回 true。

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

alert(arrayStr instanceof Array);

小總結:看樣子我們今天討論的問題已經得到了解答,但事實上在多個frame中穿梭就會產生大問題了。

var iframe = document.createElement('iframe');   

document.body.appendChild(iframe);   

xArray = window.frames[window.frames.length-1].Array;      

var arr = new xArray("1"
,"2","3","4","5");//這個寫法IE大哥下是不支援的,FF下才有 alert(arr instanceof Array); // false alert(arr.constructor === Array); // false 返回結果為兩個False,讓人大失所望。

在ECMA5中添加了一種新的方法用於檢查陣列:Array.isArray();

>[1, 2, 3, 4].isArray();
>true;

但是有些環境不支援ECMA5,那怎麼辦呢?

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”.

於是利用這點,第四種方法登場了。

function isArray(obj) {

return Object.prototype.toString.call(obj) === ‘[object Array]’;

}
call改變toString的this引用為待檢測的物件,返回此物件的字串表示,然後對比此字串是否是’[object Array]’,以判斷其是否是Array的例項。也許你要問了,為什麼不直接o.toString()?嗯,雖然Array繼承自Object,也會有toString方法,但是這個方法有可能會被改寫而達不到我們的要求,而Object.prototype則是老虎的屁股,很少有人敢去碰它的,所以能一定程度保證其“純潔性”:)

與前面幾個方案不同,這個方法很好的解決了跨frame物件構建的問題,經過測試,各大瀏覽器相容性也很好,可以放心使用。一個好訊息是,很多框架,比如jQuery、Base2等等,都計劃借鑑此方法以實現某些特殊的,比如陣列、正則表示式等物件的型別判定,不用我們自己寫了。

另外Ext3 也已經換成這樣的寫法了

綜上所述,我們可以跨瀏覽器和ECMA在自己的程式碼中這樣檢測陣列物件:

if(typeof Array.isArray === 'undefined'){
    Array.isArray = function () {
        return Object.prototype.toString.call(arg) === '[object Array]';
    };
}