javascript 判斷一個(gè)對(duì)象為數(shù)組的方法

數(shù)組對(duì)象

js的數(shù)組是無類型的：數(shù)組元素可以是任意類型，并且同一個(gè)數(shù)組中的不同元素也可能有不同的類型。數(shù)組的元素可以是對(duì)象或其他數(shù)組，這樣就可以創(chuàng)建復(fù)雜的數(shù)據(jù)結(jié)構(gòu)。

通常我們可以用一元運(yùn)算符typeof來判斷js的數(shù)據(jù)類型，但是對(duì)于數(shù)組這樣一個(gè)特殊的對(duì)象卻只能返回"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 是一個(gè)二元運(yùn)算符，左邊操作數(shù)是一個(gè)對(duì)象，不是的話返回false，右邊操作數(shù)是一個(gè)函數(shù)對(duì)象或者函數(shù)構(gòu)造器，不是的話返回false。原理是通過判斷左操作數(shù)的對(duì)象的原型鏈上是否具有右操作數(shù)的構(gòu)造函數(shù)的prototype屬性。

[1,2] instanceof Array 
true

Array.isArray(arr)

這個(gè)ES5新增的一個(gè)Array方法，該方法是Array對(duì)象的一個(gè)靜態(tài)函數(shù)，用來判斷一個(gè)對(duì)象是不是數(shù)組。

Array.isArray([1,2])
true

如果頁面里面有n個(gè)frame,就存在多個(gè)window，每個(gè)window都有自己的Array對(duì)象，比如確定子window里的某個(gè)數(shù)組是不是Array時(shí)，用instanceof這個(gè)方法就不行了

var fr=window.frames[0];
fr.onload=function(){
  console.log(fr.arr instanceof Array);//false
  console.log(Array.isArray(fr.arr));//true
  //arr是另外一個(gè)頁面的一個(gè)數(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

但是對(duì)象的constructor屬性可以被改寫，改寫后用改方法判斷就不行了

var arr=[1,2];
arr.constructor={};
arr.constructor.name === "Array" //undefined
false

其他方法 可以通過數(shù)組的一些獨(dú)有的方法判斷該對(duì)象是不是數(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é)

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

感謝閱讀，希望能幫助到大家，謝謝大家對(duì)本站的支持！

最新評(píng)論