国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

判斷一個(gè)變量是數(shù)組Array類型的方法

2019-11-20 22:17:43
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
在很多時(shí)候,我們都需要對(duì)一個(gè)變量進(jìn)行數(shù)組類型的判斷。JavaScript中如何判斷一個(gè)變量是數(shù)組Array類型呢?我最近研究了一下,并分享給大家,希望能對(duì)大家有所幫助。

JavaScript中檢測(cè)對(duì)象的方法
1.typeof操作符
這種方法對(duì)于一些常用的類型來(lái)說(shuō)那算是毫無(wú)壓力,比如Function、String、Number、Undefined等,但是要是檢測(cè)Array的對(duì)象就不起作用了。
復(fù)制代碼 代碼如下:

alert(typeof null); // "object"
alert(typeof function () {
return 1;
}); // "function"
alert(typeof '夢(mèng)龍小站'); // "string"
alert(typeof 1); // "number"
alert(typeof a); // "undefined"
alert(typeof undefined); // "undefined"
alert(typeof []); // "object"

2.instanceof操作符
這個(gè)操作符和JavaScript中面向?qū)ο笥悬c(diǎn)關(guān)系,了解這個(gè)就先得了解JavaScript中的面向?qū)ο蟆R驗(yàn)檫@個(gè)操作符是檢測(cè)對(duì)象的原型鏈?zhǔn)欠裰赶驑?gòu)造函數(shù)的prototype對(duì)象的。
var arr = [1,2,3,1];
alert(arr instanceof Array); // true
3.對(duì)象的constructor屬性
除了instanceof,每個(gè)對(duì)象還有constructor的屬性,利用它似乎也能進(jìn)行Array的判斷。
復(fù)制代碼 代碼如下:

var arr = [1,2,3,1];
alert(arr.constructor === Array); // true

第2種和第3種方法貌似無(wú)懈可擊,但是實(shí)際上還是有些漏洞的,當(dāng)你在多個(gè)frame中來(lái)回穿梭的時(shí)候,這兩種方法就亞歷山大了。由于每個(gè)iframe都有一套自己的執(zhí)行環(huán)境,跨frame實(shí)例化的對(duì)象彼此是不共享原型鏈的,因此導(dǎo)致上述檢測(cè)代碼失效!
復(fù)制代碼 代碼如下:

var iframe = document.createElement('iframe'); //創(chuàng)建iframe
document.body.appendChild(iframe); //添加到body中
xArray = window.frames[window.frames.length-1].Array;
var arr = new xArray(1,2,3); // 聲明數(shù)組[1,2,3]
alert(arr instanceof Array); // false
alert(arr.constructor === Array); // false

檢測(cè)數(shù)組類型方法
以上那些方法看上去無(wú)懈可擊,但是終究會(huì)有些問(wèn)題,接下來(lái)向大家提供一些比較不錯(cuò)的方法,可以說(shuō)是無(wú)懈可擊了。
1.Object.prototype.toString
Object.prototype.toString的行為:首先,取得對(duì)象的一個(gè)內(nèi)部屬性[[Class]],然后依據(jù)這個(gè)屬性,返回一個(gè)類似于"[object Array]"的字符串作為結(jié)果(看過(guò)ECMA標(biāo)準(zhǔn)的應(yīng)該都知道,[[]]用來(lái)表示語(yǔ)言內(nèi)部用到的、外部不可直接訪問(wèn)的屬性,稱為“內(nèi)部屬性”)。利用這 個(gè)方法,再配合call,我們可以取得任何對(duì)象的內(nèi)部屬性[[Class]],然后把類型檢測(cè)轉(zhuǎn)化為字符串比較,以達(dá)到我們的目的。
復(fù)制代碼 代碼如下:

function isArrayFn (o) {
return Object.prototype.toString.call(o) === '[object Array]';
}
var arr = [1,2,3,1];
alert(isArrayFn(arr));// true

call改變toString的this引用為待檢測(cè)的對(duì)象,返回此對(duì)象的字符串表示,然后對(duì)比此字符串是否是'[object Array]',以判斷其是否是Array的實(shí)例。為什么不直接o.toString()?嗯,雖然Array繼承自O(shè)bject,也會(huì)有 toString方法,但是這個(gè)方法有可能會(huì)被改寫(xiě)而達(dá)不到我們的要求,而Object.prototype則是老虎的屁股,很少有人敢去碰它的,所以能一定程度保證其“純潔性”:)

JavaScript 標(biāo)準(zhǔn)文檔中定義: [[Class]] 的值只可能是下面字符串中的一個(gè): Arguments, Array, Boolean, Date, Error, Function, JSON, Math, Number, Object, RegExp, String.
這種方法在識(shí)別內(nèi)置對(duì)象時(shí)往往十分有用,但對(duì)于自定義對(duì)象請(qǐng)不要使用這種方法。
2.Array.isArray()
ECMAScript5將Array.isArray()正式引入JavaScript,目的就是準(zhǔn)確地檢測(cè)一個(gè)值是否為數(shù)組。IE9+、 Firefox 4+、Safari 5+、Opera 10.5+和Chrome都實(shí)現(xiàn)了這個(gè)方法。但是在IE8之前的版本是不支持的。
3.較好參考
綜合上面的幾種方法,有一個(gè)當(dāng)前的判斷數(shù)組的最佳寫(xiě)法:
復(fù)制代碼 代碼如下:

var arr = [1,2,3,1];
var arr2 = [{ abac : 1, abc : 2 }];
function isArrayFn(value){
if (typeof Array.isArray === "function") {
return Array.isArray(value);
}else{
return Object.prototype.toString.call(value) === "[object Array]";
}
}
alert(isArrayFn(arr));// true
alert(isArrayFn(arr2));// true

JavaScript中如何判斷一個(gè)變量是數(shù)組Array類型呢?以上便是我為大家分享的JavaScript中判斷一個(gè)變量是數(shù)組Array類型的方法,希望能對(duì)大家有所幫助。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 招远市| 含山县| 榆社县| 上杭县| 股票| 卢氏县| 云龙县| 始兴县| 花莲县| 治县。| 霍山县| 德阳市| 高雄县| 海阳市| 福贡县| 浦北县| 舟山市| 山东省| 治多县| 忻城县| 睢宁县| 保亭| 眉山市| 景谷| 宿迁市| 阳山县| 策勒县| 石景山区| 驻马店市| 大竹县| 德兴市| 荣成市| 平度市| 阿图什市| 唐海县| 康乐县| 定襄县| 高密市| 吉安县| 潜江市| 南充市|