JS判斷數(shù)組那點(diǎn)事
面試題中有個(gè)這樣題目 如何判斷數(shù)組 大家都知道哪些方法
其實(shí)有時(shí)候 明明知道哪些方法 但在關(guān)鍵時(shí)候就是說(shuō)不上來(lái)
typeof運(yùn)算符
typeof會(huì)返回這個(gè)類(lèi)型的字符串
var a = '123'
console.log(typeof(a)) //string
var b = []
console.log(typeof(b)) //object
var c = {}
console.log(typeof(c)) //object
var d = null
console.log(typeof(d)) //object
上述看到 數(shù)組 對(duì)象 null 用typeof返回都是object 這種方法不能識(shí)別出是否為數(shù)組
原型contructor鏈方法
實(shí)例化有一個(gè)contructor屬性 這個(gè)屬性指向生成對(duì)象 數(shù)組的方法
var a = []
console.log(a.__proto__.constructor) //ƒ Array() { [native code] }
var b = {}
console.log(b.__proto__.constructor) //ƒ Object() { [native code] }
上述看到 數(shù)組是由Array函數(shù)實(shí)例化的 對(duì)象由Object函數(shù)實(shí)例化來(lái)得
感覺(jué)這種方法是可以了 但是 constructor這個(gè)屬性是可以被改寫(xiě)的
var a = []
a.__proto__.constructor = Object
console.log(a.__proto__.constructor) //ƒ Object() { [native code] }
可以看到 這個(gè)是 變成了數(shù)組判斷成了對(duì)象 所以這個(gè)方法也不是最好的
instanceof
這個(gè)方法是判斷某個(gè)構(gòu)造函數(shù)的prototype屬性所指向的對(duì)象是否在另外一個(gè)要檢測(cè)對(duì)象的原型鏈上
var a = [] console.log(a instanceof Array) //a對(duì)象的原型鏈上能找到Array true console.log(a instanceof Object) //true 原型鏈上也能找到對(duì)象
上述這種也不是特別好 判斷不出是數(shù)組還是對(duì)象
通用的方法 toString
toString() 方法返回放映這個(gè)對(duì)象的字符串
var a= '123'
console.log(a.toString()) //123
var b = [1,2,3]
console.log(b.toSting()) //1,2,3
var c = {}
console.log(c.toString)) //[object Object]
可以看到只有對(duì)象返回對(duì)象類(lèi)型
返回[object type] type代表對(duì)象的類(lèi)型
判斷對(duì)象用Object的toString的方法拿過(guò)來(lái)用
var a =[] Object.prototype.toString.call(a) //[object Array]
這個(gè)對(duì)象 toString方法是可以判斷出是否為數(shù)組
但是這里注意下有個(gè)情況就是對(duì)象原型上toString() 也是可以更改的
Array.isArray(XX)
個(gè)人感覺(jué)還是使用通用方法 toString() 方法靠譜
總結(jié)
以上所述是小編給大家介紹的JS判斷數(shù)組那點(diǎn)事,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
相關(guān)文章
Js-$.extend擴(kuò)展方法使方法參數(shù)更靈活
在JS里,我們的方法參數(shù)通常使用JQ的$.extend擴(kuò)展方法來(lái)實(shí)現(xiàn),感興趣的朋友可以了解下2013-01-01
textarea 控制輸入字符字節(jié)數(shù)(示例代碼)
本篇文章主要是對(duì)textarea 控制輸入字符字節(jié)數(shù)的示例代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12
鼠標(biāo)事件的screenY,pageY,clientY,layerY,offsetY屬性詳解
這篇文章主要介紹了鼠標(biāo)事件的screenY,pageY,clientY,layerY,offsetY屬性詳解,需要的朋友可以參考下2015-03-03
終于解決了IE8不支持?jǐn)?shù)組的indexOf方法
今天,測(cè)試報(bào)過(guò)來(lái)一個(gè)js bug, 在IE8下有個(gè)js錯(cuò)誤,但是在其它瀏覽器下(Firefox, Chrome, IE9)下面都很正常。后來(lái)調(diào)試發(fā)現(xiàn)原因是在IE8下,js數(shù)組沒(méi)有indexOf方法。2013-04-04
js添加千分位的實(shí)現(xiàn)代碼(超簡(jiǎn)單)
下面小編就為大家?guī)?lái)一篇js添加千分位的實(shí)現(xiàn)代碼(超簡(jiǎn)單)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-08
基于JS實(shí)現(xiàn)簡(jiǎn)單的隨機(jī)抽取幸運(yùn)員工系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了基于HTML+JavaScript實(shí)現(xiàn)簡(jiǎn)單的隨機(jī)抽取幸運(yùn)員工系統(tǒng),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起了解一下2023-11-11

