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è)的話,那就滿足不了,因?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. el-input無(wú)法輸入的問(wèn)題和表單驗(yàn)證失敗問(wèn)題解決2. 不要在HTML中濫用div3. react腳手架配置代理的實(shí)現(xiàn)4. JavaScript中顏色模型的基礎(chǔ)知識(shí)與應(yīng)用詳解5. XML入門(mén)的常見(jiàn)問(wèn)題(三)6. JavaScript快速實(shí)現(xiàn)一個(gè)顏色選擇器7. CSS3實(shí)例分享之多重背景的實(shí)現(xiàn)(Multiple backgrounds)8. 前端html+css實(shí)現(xiàn)動(dòng)態(tài)生日快樂(lè)代碼9. Jquery使用原生AJAX方法請(qǐng)求數(shù)據(jù)10. React實(shí)現(xiàn)一個(gè)倒計(jì)時(shí)hook組件實(shí)戰(zhàn)示例
