JavaScript 判斷該對(duì)象是否為數(shù)組
首先我們會(huì)想到的是使用typeof來檢測(cè)數(shù)據(jù)類型,但是對(duì)于Function, String, Number, Undefined等這幾種基本類型來說,使用typeof來檢測(cè)都可以檢測(cè)到,比如代碼如下:
function test(){}console.log(typeof 1); // numberconsole.log(typeof test); // function console.log(typeof 'yunxi'); // stringconsole.log(typeof undefined); // undefined
但是對(duì)于數(shù)組或者正則來說,使用typeof來檢測(cè)的話,那就滿足不了,因?yàn)楫?dāng)我們檢測(cè)數(shù)組或者正則的話,那么返回的類型將會(huì)是一個(gè)對(duì)象object,如下代碼所示:
console.log(typeof []); // objectconsole.log(typeof /d+/g); // object2. Instanceof
由此我們很容易會(huì)想到使用instanceof來檢測(cè)某個(gè)對(duì)象是否是數(shù)組的實(shí)例,該檢測(cè)會(huì)返回一個(gè)布爾型(boolean),如果是數(shù)組的話,返回true,否則的話返回false;我們?cè)賮砜聪律厦娴臋z測(cè)是否為數(shù)組的代碼如下:
console.log([] instanceof Array); // trueconsole.log(/d+/g instanceof Array); // false
如上可以看到使用instanceof確實(shí)可以判斷是否為數(shù)組的列子;
3. constructor屬性在javascript中,每個(gè)對(duì)象都有一個(gè)constructor屬性,它引用了初始化該對(duì)象的構(gòu)造函數(shù),比如判斷未知對(duì)象的類型,因此我們可以如下寫一個(gè)方法,代碼如下:
function isArray(obj) { return typeof obj == ’object’ && obj.constructor == Array}// 測(cè)試democonsole.log(isArray([])); // truevar a = {'a':1};console.log(isArray(a)); // falsevar b = [1,2,3];console.log(isArray(b)); // trueconsole.log(isArray(/d+/g));// false
如上可以看到,通過調(diào)用isArray 方法也可以判斷是否為數(shù)組的列子。
我們現(xiàn)在可以看到,對(duì)于第二點(diǎn)和第三點(diǎn)分別使用instanceof方法和constructor屬性貌似都可以來判斷是否為數(shù)組了,但是也有列外情況,比如在跨框架iframe的時(shí)候使用頁面中的數(shù)組時(shí),會(huì)失敗,因?yàn)樵诓煌目蚣躨frame中,創(chuàng)建的數(shù)組是不會(huì)相互共享其prototype屬性的;如下代碼測(cè)試即可得到驗(yà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下是不支持的,標(biāo)準(zhǔn)瀏覽器firefox,chrome下有console.log(arr); // 打印出 ['1', '2', '3', '4', '5']console.log(arr instanceof Array); // false console.log(arr.constructor === Array); // false
如上的方法我們都不能來判斷一個(gè)對(duì)象是否為數(shù)組的方式; 但是我們?cè)诳碋CMA262中可以看到,可以使用 Object.prototype.toString.call()方法來判斷一個(gè)對(duì)象是否為數(shù)組;如下代碼:
function isArray(obj) { return Object.prototype.toString.call(obj) == ’[object Array]’;}// 代碼調(diào)用console.log(isArray([])); // trueconsole.log(isArray([1,2,3])); // truevar 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');console.log(arr); // ['1','2','3','4','5']console.log(isArray(arr)); // true
相關(guān)文章:
1. JSP的Cookie在登錄中的使用2. asp(vbscript)中自定義函數(shù)的默認(rèn)參數(shù)實(shí)現(xiàn)代碼3. HTML5 Canvas繪制圖形從入門到精通4. 使用Spry輕松將XML數(shù)據(jù)顯示到HTML頁的方法5. 利用CSS3新特性創(chuàng)建透明邊框三角6. ASP基礎(chǔ)知識(shí)VBScript基本元素講解7. 詳解CSS偽元素的妙用單標(biāo)簽之美8. XHTML 1.0:標(biāo)記新的開端9. php網(wǎng)絡(luò)安全中命令執(zhí)行漏洞的產(chǎn)生及本質(zhì)探究10. XML入門的常見問題(四)
