快捷導(dǎo)航

JS檢測(cè)數(shù)組類型的方法小結(jié)

更新時(shí)間：2017年03月14日 11:48:21 作者：染簡(jiǎn)夕

這篇文章主要介紹了js檢測(cè)數(shù)組類型的方法小結(jié),有instanceof方法Array.isArray() 方法和Object.prototype.toString.call()方法，都是比較常用的，需要的朋友可以參考下

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ù)名和作用域無(wú)關(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()方法，返回其他的字符串

　　還可以用此方法來(lái)判斷是不是原生函數(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)站的支持！

您可能感興趣的文章: