JavaScript 判斷該對(duì)象是否為數(shù)組
首先我們會(huì)想到的是使用typeof來(lái)檢測(cè)數(shù)據(jù)類型,但是對(duì)于Function, String, Number, Undefined等這幾種基本類型來(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è)的話,那就滿足不了,因?yàn)楫?dāng)我們檢測(cè)數(shù)組或者正則的話,那么返回的類型將會(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ì)象的類型,因此我們可以如下寫(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. 詳解JSP 內(nèi)置對(duì)象request常見(jiàn)用法2. ASP.NET MVC實(shí)現(xiàn)下拉框多選3. ASP.NET MVC增加一條記錄同時(shí)添加N條集合屬性所對(duì)應(yīng)的個(gè)體4. .NET Framework各版本(.NET2.0 3.0 3.5 4.0)區(qū)別5. 解決request.getParameter取值后的if判斷為NULL的問(wèn)題6. JSP中param動(dòng)作的實(shí)例詳解7. ASP.NET MVC實(shí)現(xiàn)本地化和全球化8. .Net反向代理組件Yarp用法詳解9. JS中的常見(jiàn)數(shù)組遍歷案例詳解(forEach, map, filter, sort, reduce, every)10. .NET中的MassTransit分布式應(yīng)用框架詳解
