JavaScript 判斷判斷某個對象是Object還是一個Array
更新時間：2010年01月28日 22:50:50 作者：
在開發(fā)中，我們經(jīng)常需要判斷某個對象是否為數(shù)組類型，在Js中檢測對象類型的常見方法都有哪些呢？
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,還是剛剛的數(shù)組，再來一次，嗯，成功的返回 true.
var arrayStr=new Array("1","2","3","4","5");
alert(arrayStr instanceof Array);
小總結(jié)：看樣子我們今天討論的問題已經(jīng)得到了解答，但事實上在多個frame中穿梭就會產(chǎ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");//這個寫法IE大哥下是不支持的，F(xiàn)F下才有
alert(arr instanceof Array); // false
alert(arr.constructor === Array); // false
返回結(jié)果為兩個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的行為：首先，取得對象的一個內(nèi)部屬性[[Class]]，然后依據(jù)這個屬性，返回一個類似于"[object Array]"的字符串作為結(jié)果（看過ECMA標(biāo)準(zhǔn)的應(yīng)該都知道，[[]]用來表示語言內(nèi)部用到的、外部不可直接訪問的屬性，稱為“內(nèi)部屬性”）。利用這個方法，再配合call，我們可以取得任何對象的內(nèi)部屬性[[Class]]，然后把類型檢測轉(zhuǎn)化為字符串比較，以達(dá)到我們的目的。還是先來看看在ECMA標(biāo)準(zhǔn)中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繼承自O(shè)bject，也會有toString方法，但是這個方法有可能會被改寫而達(dá)不到我們的要求，而Object.prototype則是老虎的屁股，很少有人敢去碰它的，所以能一定程度保證其“純潔性”：）
與前面幾個方案不同，這個方法很好的解決了跨frame對象構(gòu)建的問題，經(jīng)過測試，各大瀏覽器兼容性也很好，可以放心使用。一個好消息是，很多框架，比如jQuery、Base2等等，都計劃借鑒此方法以實現(xiàn)某些特殊的，比如數(shù)組、正則表達(dá)式等對象的類型判定，不用我們自己寫了。
另外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));
你會收到一個object 的答案，有點讓人失望 .
2.instanceof 操作符，JavaScript中instanceof運算符會返回一個 Boolean 值，指出對象是否是特定類的一個實例。
使用方法：result = object instanceof class,還是剛剛的數(shù)組，再來一次，嗯，成功的返回 true.
復(fù)制代碼 代碼如下:
var arrayStr=new Array("1","2","3","4","5");
alert(arrayStr instanceof Array);
小總結(jié)：看樣子我們今天討論的問題已經(jīng)得到了解答，但事實上在多個frame中穿梭就會產(chǎ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");//這個寫法IE大哥下是不支持的，F(xiàn)F下才有
alert(arr instanceof Array); // false
alert(arr.constructor === Array); // false
返回結(jié)果為兩個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的行為：首先，取得對象的一個內(nèi)部屬性[[Class]]，然后依據(jù)這個屬性，返回一個類似于"[object Array]"的字符串作為結(jié)果（看過ECMA標(biāo)準(zhǔn)的應(yīng)該都知道，[[]]用來表示語言內(nèi)部用到的、外部不可直接訪問的屬性，稱為“內(nèi)部屬性”）。利用這個方法，再配合call，我們可以取得任何對象的內(nèi)部屬性[[Class]]，然后把類型檢測轉(zhuǎn)化為字符串比較，以達(dá)到我們的目的。還是先來看看在ECMA標(biāo)準(zhǔn)中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繼承自O(shè)bject，也會有toString方法，但是這個方法有可能會被改寫而達(dá)不到我們的要求，而Object.prototype則是老虎的屁股，很少有人敢去碰它的，所以能一定程度保證其“純潔性”：）
與前面幾個方案不同，這個方法很好的解決了跨frame對象構(gòu)建的問題，經(jīng)過測試，各大瀏覽器兼容性也很好，可以放心使用。一個好消息是，很多框架，比如jQuery、Base2等等，都計劃借鑒此方法以實現(xiàn)某些特殊的，比如數(shù)組、正則表達(dá)式等對象的類型判定，不用我們自己寫了。
另外Ext3 也已經(jīng)換成這樣的寫法了
復(fù)制代碼 代碼如下:
isArray : function(v){
return toString.apply(v) === '[object Array]';
}
您可能感興趣的文章:
- js如何獲取object類型里的鍵值
- JS 對象(Object)和字符串(String)互轉(zhuǎn)方法
- js如何打印object對象
- JavaScript Object的extend是一個常用的功能
- 刪除Javascript Object中間的key
- 詳解Javascript中的Object對象
- Javascript中判斷變量是數(shù)組還是對象(array還是object)
- Javascript Object.extend
- 深入理解JavaScript中的對象復(fù)制(Object Clone)
- JS Object.preventExtensions(),Object.seal()與Object.freeze()用法實例分析
相關(guān)文章
這篇文章主要介紹了詳細(xì)分析JS函數(shù)去抖和節(jié)流相關(guān)知識以及代碼分析，需要的朋友學(xué)習(xí)參考下吧。2017-12-12
細(xì)說javascript函數(shù)從函數(shù)的構(gòu)成開始
javascript函數(shù)是一個比較奇怪的東西，接觸一段時間你就會犯迷糊，我想從函數(shù)的構(gòu)成來細(xì)說函數(shù)，這聽起來像是一句廢話，講任何東西當(dāng)然是從構(gòu)成去談2013-08-08
javascript編程起步（第三課）...2007-02-02
輕輕松松學(xué)習(xí)JavaScript...2007-02-02
uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等解決方法
這篇文章主要給大家介紹了關(guān)于uni-app自定義組件components導(dǎo)入失敗或頁面不顯示文本等的解決方法,眾所周知Uni-app支持使用自定義組件,文中通過圖文介紹的非常詳細(xì),需要的朋友可以參考下2023-08-08
深入Javascript函數(shù)、遞歸與閉包(執(zhí)行環(huán)境、變量對象與作用域鏈)使用詳解
本篇文章對Javascript中函數(shù)、遞歸與閉包(執(zhí)行環(huán)境、變量對象與作用域鏈)的使用進(jìn)行了詳細(xì)的分析介紹。需要的朋友參考下2013-05-05
這篇文章主要介紹了JavaScript中的函數(shù)嵌套使用,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了JavaScript作用域的相關(guān)資料，文中講解非常細(xì)致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
js創(chuàng)建jsonArray傳輸至后臺及后臺全面解析
下面小編就為大家?guī)硪黄猨s創(chuàng)建jsonArray傳輸至后臺及后臺全面解析。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。2016-04-04
這篇文章主要介紹了javascript操作字符串的原生方法，并附上了相關(guān)示例，給需要的小伙伴參考下2014-12-12