首頁  >  文章  >  web前端  >  JavaScript判斷物件是否為陣列方法匯總

JavaScript判斷物件是否為陣列方法匯總

伊谢尔伦
伊谢尔伦原創
2017-07-26 11:41:031399瀏覽

在開發中,我們常常需要判斷某個物件是否為陣列型別

1.typeof 運算子.對於Function, String, Number ,Undefined 等幾種類型的物件來說,完全可以勝任,但是為Array時

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);

小總結:看樣子我們今天討論的問題已經得到了解答,但事實上在多個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,讓人大失所望。

ECMA-262 寫道
Object.prototype.toString( ) When the toString method is called, the following steps are taken:
1. Get the [[Class]] property of this object .
2. Compute a string value by concatenating the three strings “[object “, Result (1), and “]”.
3. 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 也已經換成這樣的寫法了 

isArray : function(v){ 
return toString.apply(v) === '[object Array]'; 
}


以上是JavaScript判斷物件是否為陣列方法匯總的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn