快捷導(dǎo)航

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

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

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

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

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

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

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

復(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是通過new Range構(gòu)造的，但是r卻并不是Range的實例，這就是問題所在，Range.prototype賦值語句覆蓋了默認(rèn)的構(gòu)造函數(shù)，沒對prototype賦值之前Range.prototype.constructor為Range，賦值之后變成了Object，這也好理解，因為

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

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

其實等價于：

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

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

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

構(gòu)造函數(shù)是一個對象的初始化函數(shù)，采用new調(diào)用，如果對象是一個Array，那么其constructor應(yīng)該就是Array，自己寫的類就不一定了，因為可能會吧prototype中的constructor更改掉。

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

javascript中有一種偽數(shù)組，它可以使用類似于Array的遍歷方法進行遍歷，有l(wèi)ength屬性獲取元素的長度，可以使用[]下標(biāo)來獲取指定的元素，這種對象我們稱之為偽數(shù)組，JQuery中的對象就是典型的偽數(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(xiāng)ength屬性是否可列舉，其實原生的String對象也是有類似Array的效果，但是我們不能把它當(dāng)作Array對象，所以這里需要判斷typeof value == "object"，因為typeof一個String對象，返回的是string。

您可能感興趣的文章: