javascript 判斷一個對象為數組的方法，javascript數組

javascript 判斷一個對象為數組的方法，javascript數組

javascript 判斷一個對象為數組的方法

數組對象

js的數組是無類型的：數組元素可以是任意類型，並且同一個數組中的不同元素也可能有不同的類型。數組的元素可以是對象或其他數組，這樣就可以建立複雜的資料結構。

通常我們可以用一元運算子typeof來判斷js的資料類型，但是對於數組這樣一個特殊的對象卻只能返回"object"

typeof [1,2,3]"object"typeof 100"number"typeof false"boolean"typeof undefined"undefined"typeof NaN"number"typeof function(){}"function"typeof null"object"

判斷數組的方法

instanceof

instanceof 是一個二元運算子，左邊運算元是一個對象，不是的話返回false，右邊運算元是一個函數對象或者函數構造器，不是的話返回false。原理是通過判斷左運算元的對象的原型鏈上是否具有右運算元的建構函式的prototype屬性。

[1,2] instanceof Array true

Array.isArray(arr)

這個ES5新增的一個Array方法，該方法是Array對象的一個靜態函數，用來判斷一個對象是不是數組。

Array.isArray([1,2])true

如果頁面裡面有n個frame,就存在多個window，每個window都有自己的Array對象，比如確定子window裡的某個數組是不是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是另外一個頁面的一個數組}

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" //undefinedfalse

其他方法 可以通過數組的一些專屬的方法判斷該對象是不是數組，比如join,push等

var c=[1,2];c.push('3');//3console.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(…)

總結

通過上面的幾種判斷對象為數組對象的方法分析，使用Array.isArray(arr)和Oblect.prototype.toString.call(arr)是比較好的方法。

感謝閱讀，希望能協助到大家，謝謝大家對本站的支援！