JavaScript 判斷該對(duì)象是否為數(shù)組
首先我們會(huì)想到的是使用typeof來(lái)檢測(cè)數(shù)據(jù)類(lèi)型,但是對(duì)于Function, String, Number, Undefined等這幾種基本類(lèi)型來(lái)說(shuō),使用typeof來(lái)檢測(cè)都可以檢測(cè)到,比如代碼如下:
function test(){}console.log(typeof 1); // numberconsole.log(typeof test); // function console.log(typeof 'yunxi'); // stringconsole.log(typeof undefined); // undefined
但是對(duì)于數(shù)組或者正則來(lái)說(shuō),使用typeof來(lái)檢測(cè)的話,那就滿(mǎn)足不了,因?yàn)楫?dāng)我們檢測(cè)數(shù)組或者正則的話,那么返回的類(lèi)型將會(huì)是一個(gè)對(duì)象object,如下代碼所示:
console.log(typeof []); // objectconsole.log(typeof /d+/g); // object2. Instanceof
由此我們很容易會(huì)想到使用instanceof來(lái)檢測(cè)某個(gè)對(duì)象是否是數(shù)組的實(shí)例,該檢測(cè)會(huì)返回一個(gè)布爾型(boolean),如果是數(shù)組的話,返回true,否則的話返回false;我們?cè)賮?lái)看下上面的檢測(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ì)象的類(lèi)型,因此我們可以如下寫(xiě)一個(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
如上可以看到,通過(guò)調(diào)用isArray 方法也可以判斷是否為數(shù)組的列子。
我們現(xiàn)在可以看到,對(duì)于第二點(diǎn)和第三點(diǎn)分別使用instanceof方法和constructor屬性貌似都可以來(lái)判斷是否為數(shù)組了,但是也有列外情況,比如在跨框架iframe的時(shí)候使用頁(yè)面中的數(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è)寫(xiě)法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
如上的方法我們都不能來(lái)判斷一個(gè)對(duì)象是否為數(shù)組的方式; 但是我們?cè)诳碋CMA262中可以看到,可以使用 Object.prototype.toString.call()方法來(lái)判斷一個(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. IntelliJ IDEA刪除類(lèi)的方法步驟2. Python中關(guān)于logging模塊的學(xué)習(xí)筆記3. Vue實(shí)現(xiàn)仿iPhone懸浮球的示例代碼4. js select支持手動(dòng)輸入功能實(shí)現(xiàn)代碼5. vue使用moment如何將時(shí)間戳轉(zhuǎn)為標(biāo)準(zhǔn)日期時(shí)間格式6. Android 實(shí)現(xiàn)徹底退出自己APP 并殺掉所有相關(guān)的進(jìn)程7. Spring的異常重試框架Spring Retry簡(jiǎn)單配置操作8. JSP中Servlet的Request與Response的用法與區(qū)別9. Struts2獲取參數(shù)的三種方法總結(jié)10. PHP正則表達(dá)式函數(shù)preg_replace用法實(shí)例分析
