JavaScript 判斷判斷某個(gè)對(duì)象是Object還是一個(gè)Array
更新時(shí)間:2010年01月28日 22:50:50 作者:
在開發(fā)中,我們經(jīng)常需要判斷某個(gè)對(duì)象是否為數(shù)組類型,在Js中檢測(cè)對(duì)象類型的常見(jiàn)方法都有哪些呢?
1.typeof 操作符.對(duì)于Function, String, Number ,Undefined 等幾種類型的對(duì)象來(lái)說(shuō),他完全可以勝任,但是為Array時(shí)
var arr=new Array("1","2","3","4","5");
alert(typeof(arr));
你會(huì)收到一個(gè)object 的答案,有點(diǎn)讓人失望 .
2.instanceof 操作符,JavaScript中instanceof運(yùn)算符會(huì)返回一個(gè) Boolean 值,指出對(duì)象是否是特定類的一個(gè)實(shí)例。
使用方法:result = object instanceof class,還是剛剛的數(shù)組,再來(lái)一次,嗯,成功的返回 true.
var arrayStr=new Array("1","2","3","4","5");
alert(arrayStr instanceof Array);
小總結(jié):看樣子我們今天討論的問(wèn)題已經(jīng)得到了解答,但事實(shí)上在多個(gè)frame中穿梭就會(huì)產(chǎn)生大問(wèn)題了.
代碼
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");//這個(gè)寫法IE大哥下是不支持的,F(xiàn)F下才有
alert(arr instanceof Array); // false
alert(arr.constructor === Array); // false
返回結(jié)果為兩個(gè)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)
上面的規(guī)范定義了Object.prototype.toString的行為:首先,取得對(duì)象的一個(gè)內(nèi)部屬性[[Class]],然后依據(jù)這個(gè)屬性,返回一個(gè)類似于"[object Array]"的字符串作為結(jié)果(看過(guò)ECMA標(biāo)準(zhǔn)的應(yīng)該都知道,[[]]用來(lái)表示語(yǔ)言內(nèi)部用到的、外部不可直接訪問(wèn)的屬性,稱為“內(nèi)部屬性”)。利用這個(gè)方法,再配合call,我們可以取得任何對(duì)象的內(nèi)部屬性[[Class]],然后把類型檢測(cè)轉(zhuǎn)化為字符串比較,以達(dá)到我們的目的。還是先來(lái)看看在ECMA標(biāo)準(zhǔn)中Array的描述吧:
ECMA-262 寫道
new Array([ item0[, item1 [,…]]])
The [[Class]] property of the newly constructed object is set to “Array”.
于是利用這點(diǎn),第三種方法登場(chǎng)了。
function isArray(obj) {
return Object.prototype.toString.call(obj) === '[object Array]';
} call改變toString的this引用為待檢測(cè)的對(duì)象,返回此對(duì)象的字符串表示,然后對(duì)比此字符串是否是'[object Array]',以判斷其是否是Array的實(shí)例。也許你要問(wèn)了,為什么不直接o.toString()?嗯,雖然Array繼承自O(shè)bject,也會(huì)有toString方法,但是這個(gè)方法有可能會(huì)被改寫而達(dá)不到我們的要求,而Object.prototype則是老虎的屁股,很少有人敢去碰它的,所以能一定程度保證其“純潔性”:)
與前面幾個(gè)方案不同,這個(gè)方法很好的解決了跨frame對(duì)象構(gòu)建的問(wèn)題,經(jīng)過(guò)測(cè)試,各大瀏覽器兼容性也很好,可以放心使用。一個(gè)好消息是,很多框架,比如jQuery、Base2等等,都計(jì)劃借鑒此方法以實(shí)現(xiàn)某些特殊的,比如數(shù)組、正則表達(dá)式等對(duì)象的類型判定,不用我們自己寫了。
另外Ext3 也已經(jīng)換成這樣的寫法了
isArray : function(v){
return toString.apply(v) === '[object Array]';
}
復(fù)制代碼 代碼如下:
var arr=new Array("1","2","3","4","5");
alert(typeof(arr));
你會(huì)收到一個(gè)object 的答案,有點(diǎn)讓人失望 .
2.instanceof 操作符,JavaScript中instanceof運(yùn)算符會(huì)返回一個(gè) Boolean 值,指出對(duì)象是否是特定類的一個(gè)實(shí)例。
使用方法:result = object instanceof class,還是剛剛的數(shù)組,再來(lái)一次,嗯,成功的返回 true.
復(fù)制代碼 代碼如下:
var arrayStr=new Array("1","2","3","4","5");
alert(arrayStr instanceof Array);
小總結(jié):看樣子我們今天討論的問(wèn)題已經(jīng)得到了解答,但事實(shí)上在多個(gè)frame中穿梭就會(huì)產(chǎn)生大問(wèn)題了.
代碼
復(fù)制代碼 代碼如下:
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");//這個(gè)寫法IE大哥下是不支持的,F(xiàn)F下才有
alert(arr instanceof Array); // false
alert(arr.constructor === Array); // false
返回結(jié)果為兩個(gè)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)
上面的規(guī)范定義了Object.prototype.toString的行為:首先,取得對(duì)象的一個(gè)內(nèi)部屬性[[Class]],然后依據(jù)這個(gè)屬性,返回一個(gè)類似于"[object Array]"的字符串作為結(jié)果(看過(guò)ECMA標(biāo)準(zhǔn)的應(yīng)該都知道,[[]]用來(lái)表示語(yǔ)言內(nèi)部用到的、外部不可直接訪問(wèn)的屬性,稱為“內(nèi)部屬性”)。利用這個(gè)方法,再配合call,我們可以取得任何對(duì)象的內(nèi)部屬性[[Class]],然后把類型檢測(cè)轉(zhuǎn)化為字符串比較,以達(dá)到我們的目的。還是先來(lái)看看在ECMA標(biāo)準(zhǔn)中Array的描述吧:
ECMA-262 寫道
new Array([ item0[, item1 [,…]]])
The [[Class]] property of the newly constructed object is set to “Array”.
于是利用這點(diǎn),第三種方法登場(chǎng)了。
function isArray(obj) {
return Object.prototype.toString.call(obj) === '[object Array]';
} call改變toString的this引用為待檢測(cè)的對(duì)象,返回此對(duì)象的字符串表示,然后對(duì)比此字符串是否是'[object Array]',以判斷其是否是Array的實(shí)例。也許你要問(wèn)了,為什么不直接o.toString()?嗯,雖然Array繼承自O(shè)bject,也會(huì)有toString方法,但是這個(gè)方法有可能會(huì)被改寫而達(dá)不到我們的要求,而Object.prototype則是老虎的屁股,很少有人敢去碰它的,所以能一定程度保證其“純潔性”:)
與前面幾個(gè)方案不同,這個(gè)方法很好的解決了跨frame對(duì)象構(gòu)建的問(wèn)題,經(jīng)過(guò)測(cè)試,各大瀏覽器兼容性也很好,可以放心使用。一個(gè)好消息是,很多框架,比如jQuery、Base2等等,都計(jì)劃借鑒此方法以實(shí)現(xiàn)某些特殊的,比如數(shù)組、正則表達(dá)式等對(duì)象的類型判定,不用我們自己寫了。
另外Ext3 也已經(jīng)換成這樣的寫法了
復(fù)制代碼 代碼如下:
isArray : function(v){
return toString.apply(v) === '[object Array]';
}
您可能感興趣的文章:
- js如何獲取object類型里的鍵值
- JS 對(duì)象(Object)和字符串(String)互轉(zhuǎn)方法
- js如何打印object對(duì)象
- JavaScript Object的extend是一個(gè)常用的功能
- 刪除Javascript Object中間的key
- 詳解Javascript中的Object對(duì)象
- Javascript中判斷變量是數(shù)組還是對(duì)象(array還是object)
- Javascript Object.extend
- 深入理解JavaScript中的對(duì)象復(fù)制(Object Clone)
- JS Object.preventExtensions(),Object.seal()與Object.freeze()用法實(shí)例分析
相關(guān)文章
ES6基礎(chǔ)語(yǔ)法之Map和Set對(duì)象
這篇文章介紹了ES6基礎(chǔ)語(yǔ)法之Map和Set對(duì)象,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-05-05
JavaScript 高級(jí)篇之函數(shù) (四)
本節(jié)我將分享我對(duì)函數(shù),嵌套函數(shù),作為數(shù)據(jù)的函數(shù),作為對(duì)象的函數(shù)等2012-04-04
javascript中的3種繼承實(shí)現(xiàn)方法
這篇文章主要介紹了javascript中的3種繼承實(shí)現(xiàn)方法,包括使用Object.create實(shí)現(xiàn)類式繼承、使用utilities工具包自帶的util.inherites、使用extends關(guān)鍵字,非常的實(shí)用,希望對(duì)大家了解javascript繼承能夠有所幫助2016-01-01
javascript模塊化是什么及其優(yōu)缺點(diǎn)介紹
模塊化是一種將系統(tǒng)分離成獨(dú)立功能部分的方法,可將系統(tǒng)分割成獨(dú)立的功能部分,嚴(yán)格定義模塊接口、模塊間具有透明性2013-09-09
Mobile Web開發(fā)基礎(chǔ)之四--處理手機(jī)設(shè)備的橫豎屏問(wèn)題
這篇文章主要介紹了Mobile Web開發(fā)基礎(chǔ)之-—處理手機(jī)設(shè)備的橫豎屏,window.orientation屬性與onorientationchange事件以及media query方式是開發(fā)過(guò)程中需要注意到的兩種解決方式,需要的朋友可以參考下2017-08-08

