JS檢測(cè)數(shù)組類型的方法小結(jié)
1.instanceof
當(dāng)只有一個(gè)全局執(zhí)行環(huán)境時(shí)適用,如果包含多個(gè)框架,就存在兩個(gè)以上不同版本的Array構(gòu)造函數(shù),如果從一個(gè)框架向另一個(gè)框架傳遞數(shù)組,傳入的數(shù)組與在第二個(gè)框架中原生創(chuàng)建的數(shù)組分別具有不同的構(gòu)造函數(shù),即為不同類型
if (value instanceof Array) { //對(duì)數(shù)組執(zhí)行某項(xiàng)操作 }
2. Array.isArray() 方法
因?yàn)槭荅S5新增的,只支持IE9+、Firefox 4+、Safari 5+、Opera 10.5+和Chrome
if (Array.isArray(value)) { //對(duì)數(shù)組執(zhí)行某些操作 }
3.Object.prototype.toString.call()方法
適用于所有環(huán)境,只支持原生的對(duì)象,Object的toString()方法不能檢測(cè)非原生構(gòu)造函數(shù)的構(gòu)造函數(shù)名。開發(fā)人員自定義的任何構(gòu)造函數(shù)都將返回[object Object]
原理:在任何值上直接調(diào)用Object的原生toString()方法,都會(huì)返回[object NativeConstrctorName]格式的字符串,每個(gè)類內(nèi)部都有一個(gè)class屬性,這個(gè)屬性中就指定了上述字符串中構(gòu)造函數(shù)名。
var value = [] console.log(Object.prototype.toString.call(value))//"[Object Array]"
由于原生數(shù)組的構(gòu)造函數(shù)名和作用域無關(guān),因此使用toString()方法就能保證輸出一樣的值?!?/p>
為什么不使用對(duì)象自己的toString() 方法?
var value = [] console.log(value.toString())//" " value = ['pp','oo'] console.log(value.toString())//"pp,oo" value = ['pp',"oo"] console.log(Object.prototype.toString.call(value))//[object Array]
Array的tostring()方法被重寫了(很多原生對(duì)象均如此),所以它會(huì)調(diào)用自己構(gòu)造函數(shù)上的toString()方法,返回其他的字符串
還可以用此方法來判斷是不是原生函數(shù)或者正則表達(dá)式
function isFunction(value){ return Object.prototype.toString.call(value) === “[object Function]” }//不適用于IE中以COM對(duì)象實(shí)現(xiàn)的任何函數(shù) function isRegExp(value){ return Object.prototype.toString.call(value) === “[object RegExp]” }
以上所述是小編給大家介紹的JS檢測(cè)數(shù)組類型的方法小結(jié),希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
一個(gè)字符串反轉(zhuǎn)函數(shù)可實(shí)現(xiàn)字符串倒序
這篇文章主要介紹了一個(gè)字符串反轉(zhuǎn)函數(shù)可實(shí)現(xiàn)字符串倒序,很簡(jiǎn)單,但很實(shí)用,感興趣的朋友可以參考下2014-09-09xmlplus組件設(shè)計(jì)系列之文本框(TextBox)(3)
xmlplus 是一個(gè)JavaScript框架,用于快速開發(fā)前后端項(xiàng)目。這篇文章主要介紹了xmlplus組件設(shè)計(jì)系列之文本框,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-05-05layui操作列按鈕個(gè)數(shù)和文字顏色的判斷實(shí)例
今天小編就為大家分享一篇layui操作列按鈕個(gè)數(shù)和文字顏色的判斷實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09chart.js實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)顯示拆線圖的效果
本文主要介紹了chart.js實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)顯示拆線圖的效果,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-11-11JS實(shí)現(xiàn)Enter鍵跳轉(zhuǎn)及控件獲得焦點(diǎn)
想讓Enter鍵跳轉(zhuǎn)的同時(shí)讓控件獲得焦點(diǎn),具體實(shí)現(xiàn)js代碼如下,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08