js語法學(xué)習(xí)之判斷一個(gè)對象是否為數(shù)組
更新時(shí)間:2014年05月13日 09:38:01 作者:
這篇文章主要介紹了從javascript判斷一個(gè)對象是否為數(shù)組中學(xué)習(xí)js語法,需要的朋友可以參考下
1,真正的數(shù)組的判斷方法
javascript中最簡單的聲明數(shù)組方法為:
var a = [];
判斷是否為數(shù)組的最直接的方法為:
a instanceof Array //true
a .constructor == Array //true
這里涉及到一個(gè)instanceof語法,instanceof是一個(gè)云算符,與"+-*/"一樣,它的語法如下:
result = obj intanceof class
是用來判斷一個(gè)對象是否是某個(gè)class的一個(gè)實(shí)例,運(yùn)算結(jié)果返回true或者false。javascript中class的定義又是通過構(gòu)造函數(shù)進(jìn)行初始化的,所以instanceof語法的右操作符class一定是Function的實(shí)例,即class instanceof Function一定為true,而且如果使用instanceof時(shí)右操作符不是Function,就會拋出TypeError異常。所有對象都是Object的實(shí)例,所以任何對象instanceof Object都返回true。雖然我們說對象都是通過構(gòu)造函數(shù)進(jìn)行初始化的,但是instanceof卻不是通過檢查對象是否由該函數(shù)構(gòu)造的,而是通過是否由構(gòu)造函數(shù)的prototype繼承來的,下面這個(gè)例子可以說明這個(gè)問題:
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的實(shí)例,這就是問題所在,Range.prototype賦值語句覆蓋了默認(rèn)的構(gòu)造函數(shù),沒對prototype賦值之前Range.prototype.constructor為Range,賦值之后變成了Object,這也好理解,因?yàn)?
Range.prototype = {
include: function(x){ return (x >= this.low && x <= this.high); },
exclude: function(x){ return (x < this.low && x > this.high); }
}
其實(shí)等價(jià)于:
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)建出來的實(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,也就是說typeof([])返回的是object,而不是array。
另一個(gè)涉及到的語法是constructor,constructor返回對象的構(gòu)造函數(shù):
var a = [];
a.constructor; //Array
構(gòu)造函數(shù)是一個(gè)對象的初始化函數(shù),采用new調(diào)用,如果對象是一個(gè)Array,那么其constructor應(yīng)該就是Array,自己寫的類就不一定了,因?yàn)榭赡軙蓀rototype中的constructor更改掉。
2,偽數(shù)組的判斷方法
javascript中有一種偽數(shù)組,它可以使用類似于Array的遍歷方法進(jìn)行遍歷,有l(wèi)ength屬性獲取元素的長度,可以使用[]下標(biāo)來獲取指定的元素,這種對象我們稱之為偽數(shù)組,JQuery中的對象就是典型的偽數(shù)組,如下圖:
所以判斷是否是偽數(shù)組的關(guān)鍵就是判斷是否有l(wèi)ength屬性,是否存在基本的數(shù)組操作函數(shù)splice,下面就是判斷方法:
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屬性是否可列舉,其實(shí)原生的String對象也是有類似Array的效果,但是我們不能把它當(dāng)作Array對象,所以這里需要判斷typeof value == "object",因?yàn)閠ypeof一個(gè)String對象,返回的是string。
javascript中最簡單的聲明數(shù)組方法為:
var a = [];
判斷是否為數(shù)組的最直接的方法為:
復(fù)制代碼 代碼如下:
a instanceof Array //true
a .constructor == Array //true
這里涉及到一個(gè)instanceof語法,instanceof是一個(gè)云算符,與"+-*/"一樣,它的語法如下:
result = obj intanceof class
是用來判斷一個(gè)對象是否是某個(gè)class的一個(gè)實(shí)例,運(yùn)算結(jié)果返回true或者false。javascript中class的定義又是通過構(gòu)造函數(shù)進(jìn)行初始化的,所以instanceof語法的右操作符class一定是Function的實(shí)例,即class instanceof Function一定為true,而且如果使用instanceof時(shí)右操作符不是Function,就會拋出TypeError異常。所有對象都是Object的實(shí)例,所以任何對象instanceof Object都返回true。雖然我們說對象都是通過構(gòu)造函數(shù)進(jìn)行初始化的,但是instanceof卻不是通過檢查對象是否由該函數(shù)構(gòu)造的,而是通過是否由構(gòu)造函數(shù)的prototype繼承來的,下面這個(gè)例子可以說明這個(gè)問題:
復(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的實(shí)例,這就是問題所在,Range.prototype賦值語句覆蓋了默認(rèn)的構(gòu)造函數(shù),沒對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,那么通過new Range創(chuàng)建出來的實(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,也就是說typeof([])返回的是object,而不是array。
另一個(gè)涉及到的語法是constructor,constructor返回對象的構(gòu)造函數(shù):
復(fù)制代碼 代碼如下:
var a = [];
a.constructor; //Array
構(gòu)造函數(shù)是一個(gè)對象的初始化函數(shù),采用new調(diào)用,如果對象是一個(gè)Array,那么其constructor應(yīng)該就是Array,自己寫的類就不一定了,因?yàn)榭赡軙蓀rototype中的constructor更改掉。
2,偽數(shù)組的判斷方法
javascript中有一種偽數(shù)組,它可以使用類似于Array的遍歷方法進(jìn)行遍歷,有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屬性是否可列舉,其實(shí)原生的String對象也是有類似Array的效果,但是我們不能把它當(dāng)作Array對象,所以這里需要判斷typeof value == "object",因?yàn)閠ypeof一個(gè)String對象,返回的是string。
您可能感興趣的文章:
- Javascript中判斷變量是數(shù)組還是對象(array還是object)
- js實(shí)現(xiàn)數(shù)組去重、判斷數(shù)組以及對象中的內(nèi)容是否相同
- JS判斷兩個(gè)數(shù)組或?qū)ο笫欠裣嗤姆椒ㄊ纠?/a>
- javascript 判斷一個(gè)對象為數(shù)組的方法
- javascript判斷一個(gè)變量是數(shù)組還是對象
- JavaScript判斷變量是對象還是數(shù)組的方法
- JavaScript判斷對象和數(shù)組的兩種方法
- JavaScript中判斷變量是數(shù)組、函數(shù)或是對象類型的方法
- JavaScript判斷對象是否為數(shù)組
- js判斷一個(gè)對象是數(shù)組(函數(shù))的方法實(shí)例
相關(guān)文章
微信小程序?qū)崿F(xiàn)活動報(bào)名登記功能(實(shí)例代碼)
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)活動報(bào)名登記,本篇將介紹使用微信小程序?qū)崿F(xiàn)發(fā)起一個(gè)活動報(bào)名的設(shè)計(jì),以此為基礎(chǔ),我們可以掌握微信小程序表單的基本用法,進(jìn)而在諸如疫情信息登記、出入報(bào)備等場景中使用小程序進(jìn)行開發(fā),滿足相關(guān)的需求,需要的朋友可以參考下2022-09-09
ckeditor一鍵排版功能實(shí)現(xiàn)方法分析
這篇文章主要介紹了ckeditor一鍵排版功能實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了ckeditor一鍵排版相關(guān)擴(kuò)展插件定義、配置與使用方法,需要的朋友可以參考下
2020-02-02 
