javascript 判斷一個對象為數(shù)組的方法
javascript 判斷一個對象為數(shù)組的方法
數(shù)組對象
js的數(shù)組是無類型的:數(shù)組元素可以是任意類型,并且同一個數(shù)組中的不同元素也可能有不同的類型。數(shù)組的元素可以是對象或其他數(shù)組,這樣就可以創(chuàng)建復(fù)雜的數(shù)據(jù)結(jié)構(gòu)。
通常我們可以用一元運(yùn)算符typeof來判斷js的數(shù)據(jù)類型,但是對于數(shù)組這樣一個特殊的對象卻只能返回"object"
typeof [1,2,3] "object" typeof 100 "number" typeof false "boolean" typeof undefined "undefined" typeof NaN "number" typeof function(){} "function" typeof null "object"
判斷數(shù)組的方法
instanceof
instanceof 是一個二元運(yùn)算符,左邊操作數(shù)是一個對象,不是的話返回false,右邊操作數(shù)是一個函數(shù)對象或者函數(shù)構(gòu)造器,不是的話返回false。原理是通過判斷左操作數(shù)的對象的原型鏈上是否具有右操作數(shù)的構(gòu)造函數(shù)的prototype屬性。
[1,2] instanceof Array true
Array.isArray(arr)
這個ES5新增的一個Array方法,該方法是Array對象的一個靜態(tài)函數(shù),用來判斷一個對象是不是數(shù)組。
Array.isArray([1,2]) true
如果頁面里面有n個frame,就存在多個window,每個window都有自己的Array對象,比如確定子window里的某個數(shù)組是不是Array時,用instanceof這個方法就不行了
var fr=window.frames[0]; fr.onload=function(){ console.log(fr.arr instanceof Array);//false console.log(Array.isArray(fr.arr));//true //arr是另外一個頁面的一個數(shù)組 }
Object.prototype.toString.call(arr) === “[object Array]”
Object.prototype.toString.call([1,2]) "[object Array]"
arr.constructor.name===’Array’
[1,2].constructor.name==='Array'; true
但是對象的constructor屬性可以被改寫,改寫后用改方法判斷就不行了
var arr=[1,2]; arr.constructor={}; arr.constructor.name === "Array" //undefined false
其他方法 可以通過數(shù)組的一些獨(dú)有的方法判斷該對象是不是數(shù)組,比如join,push等
var c=[1,2]; c.push('3');//3 console.log(c) [1, 2, "3"] var c="12"; c.push('3'); //Uncaught TypeError: c.push is not a function(…) var c=[1,2]; c.join(''); "12" var c='12'; c.join(''); //Uncaught TypeError: c.join is not a function(…)
總結(jié)
通過上面的幾種判斷對象為數(shù)組對象的方法分析,使用Array.isArray(arr)和Oblect.prototype.toString.call(arr)是比較好的方法。
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持!
相關(guān)文章
一個多瀏覽器支持的背景變暗的div并可拖動提示窗口功能的代碼
兼容IE、Firefox、Opera前幾天在網(wǎng)上找了許多資料,看了不少兄弟的源碼,一直找不到合適的,要不就是拖動有問題,要不就是不兼容Firefox,所以自已寫了一個,下面是代碼:2008-04-04javascript實(shí)現(xiàn)倒計(jì)時N秒后網(wǎng)頁自動跳轉(zhuǎn)代碼
這篇文章主要介紹了javascript實(shí)現(xiàn)倒計(jì)時N秒后網(wǎng)頁自動跳轉(zhuǎn)代碼,非常的實(shí)用,這里推薦給大家。2014-12-12JavaScript 獲取元素在父節(jié)點(diǎn)中的下標(biāo)(推薦)
jQuery中直接通過$(this).index()即可得到當(dāng)前元素的下標(biāo)。下面通過實(shí)例給大家介紹JavaScript 獲取元素在父節(jié)點(diǎn)中的下標(biāo),需要的朋友參考下吧2017-06-06