快捷導(dǎo)航

js語(yǔ)法學(xué)習(xí)之判斷一個(gè)對(duì)象是否為數(shù)組

更新時(shí)間：2014年05月13日 09:38:01 作者：

這篇文章主要介紹了從javascript判斷一個(gè)對(duì)象是否為數(shù)組中學(xué)習(xí)js語(yǔ)法,需要的朋友可以參考下

1，真正的數(shù)組的判斷方法

javascript中最簡(jiǎn)單的聲明數(shù)組方法為：
var a = [];
判斷是否為數(shù)組的最直接的方法為：

 
a instanceof Array //true 
a .constructor == Array //true 

這里涉及到一個(gè)instanceof語(yǔ)法，instanceof是一個(gè)云算符，與"+-*/"一樣，它的語(yǔ)法如下：
result = obj intanceof class
是用來(lái)判斷一個(gè)對(duì)象是否是某個(gè)class的一個(gè)實(shí)例，運(yùn)算結(jié)果返回true或者false。javascript中class的定義又是通過(guò)構(gòu)造函數(shù)進(jìn)行初始化的，所以instanceof語(yǔ)法的右操作符class一定是Function的實(shí)例，即class instanceof Function一定為true，而且如果使用instanceof時(shí)右操作符不是Function，就會(huì)拋出TypeError異常。所有對(duì)象都是Object的實(shí)例，所以任何對(duì)象instanceof Object都返回true。雖然我們說(shuō)對(duì)象都是通過(guò)構(gòu)造函數(shù)進(jìn)行初始化的，但是instanceof卻不是通過(guò)檢查對(duì)象是否由該函數(shù)構(gòu)造的，而是通過(guò)是否由構(gòu)造函數(shù)的prototype繼承來(lái)的，下面這個(gè)例子可以說(shuō)明這個(gè)問(wèn)題：

復(fù)制代碼代碼如下:

 
function Range(low, high) { 
this.low = low; 
this.high = high; 
} 
Range.prototype.constructor == Range; //true 
Range.prototype = { 
include: function(x){ return (x >= this.low && x <= this.high); }, 
exclude: function(x){ return (x < this.low && x > this.high); } 
} 
var r = new Range(0, 100); 
r instanceof Range; //false 
r instanceof Object; //true 
Range.prototype.constructor == Objecct; //true 

這里雖然r是通過(guò)new Range構(gòu)造的，但是r卻并不是Range的實(shí)例，這就是問(wèn)題所在，Range.prototype賦值語(yǔ)句覆蓋了默認(rèn)的構(gòu)造函數(shù)，沒(méi)對(duì)prototype賦值之前Range.prototype.constructor為Range，賦值之后變成了Object，這也好理解，因?yàn)?

復(fù)制代碼代碼如下:

 
Range.prototype = { 
include: function(x){ return (x >= this.low && x <= this.high); }, 
exclude: function(x){ return (x < this.low && x > this.high); } 
} 

其實(shí)等價(jià)于：

復(fù)制代碼代碼如下:

 
Range.prototype = new Object({ 
include: function(x){ return (x >= this.low && x <= this.high); }, 
exclude: function(x){ return (x < this.low && x > this.high); } 
}); 

所以Range.prototype.constructor == Object，那么通過(guò)new Range創(chuàng)建出來(lái)的實(shí)例當(dāng)然就是Object的一個(gè)實(shí)例了。
看官方解釋更直接些：
The instanceof operator does not actually check whether r was initialized by the Range constructor. It checks whether it inherits from Range.prototype.
javascript中還有一個(gè)函數(shù)typeof具有與instanceof類似的功能，但是它返回的是具體的基本數(shù)據(jù)類型：number，string，function，object，undefined，boolean，只有這六種，不在這六種范圍內(nèi)的都返回object，也就是說(shuō)typeof([])返回的是object，而不是array。
另一個(gè)涉及到的語(yǔ)法是constructor，constructor返回對(duì)象的構(gòu)造函數(shù)：

復(fù)制代碼代碼如下:

 
var a = []; 
a.constructor; //Array 

構(gòu)造函數(shù)是一個(gè)對(duì)象的初始化函數(shù)，采用new調(diào)用，如果對(duì)象是一個(gè)Array，那么其constructor應(yīng)該就是Array，自己寫(xiě)的類就不一定了，因?yàn)榭赡軙?huì)吧prototype中的constructor更改掉。

2，偽數(shù)組的判斷方法

javascript中有一種偽數(shù)組，它可以使用類似于Array的遍歷方法進(jìn)行遍歷，有l(wèi)ength屬性獲取元素的長(zhǎng)度，可以使用[]下標(biāo)來(lái)獲取指定的元素，這種對(duì)象我們稱之為偽數(shù)組，JQuery中的對(duì)象就是典型的偽數(shù)組，如下圖：

所以判斷是否是偽數(shù)組的關(guān)鍵就是判斷是否有l(wèi)ength屬性，是否存在基本的數(shù)組操作函數(shù)splice，下面就是判斷方法：

復(fù)制代碼代碼如下:

 
var is_array = function(value) { 
return value && 
typeof value === 'object' && 
typeof value.length === 'number' && 
typeof value.splice === 'function' && 
!(value.propertyIsEnumerable('length')); 
}; 

這里propertyIsEnumerable就是用來(lái)判斷l(xiāng)ength屬性是否可列舉，其實(shí)原生的String對(duì)象也是有類似Array的效果，但是我們不能把它當(dāng)作Array對(duì)象，所以這里需要判斷typeof value == "object"，因?yàn)閠ypeof一個(gè)String對(duì)象，返回的是string。

您可能感興趣的文章: