js判斷是否為數(shù)組的函數(shù): isArray()
更新時(shí)間：2011年10月30日 23:34:18 作者：
像 Ajaxian，StackOverflow 等，搜一下，到處都在討論 isArray() 的實(shí)現(xiàn)。對(duì)于一切都是對(duì)象的 JavaScript 來(lái)說(shuō)，確實(shí)有點(diǎn)麻煩
今天剛好在學(xué)習(xí)支付寶 JS 框架 base.js 。瞄了一下，實(shí)現(xiàn)是這樣的：
if (value instanceof Array ||
(!(value instanceof Object) &&
(Object.prototype.toString.call((value)) == '[object Array]') ||
typeof value.length == 'number' &&
typeof value.splice != 'undefined' &&
typeof value.propertyIsEnumerable != 'undefined' &&
!value.propertyIsEnumerable('splice'))) {
return 'array';
}
怎么說(shuō)呢，亂。當(dāng)然，也可以說(shuō)是，“史上最全”，它確實(shí)使用了最主流的方法，只是把他們都寫(xiě)一起了而已。
像我們所知道的，用 instanceof 和 constructor 是最直接的、簡(jiǎn)單的方式：
var arr = [];
arr instanceof Array; // true
arr.constructor == Array; //true
var is_array = function(value) {
return value &&
typeof value === 'object' &&
typeof value.length === 'number' &&
typeof value.splice === 'function' &&
!(value.propertyIsEnumerable('length'));
};
不過(guò)，是否還有更簡(jiǎn)單的方法呢？其實(shí)，像我們自己用的，不就是了么？
上面這種寫(xiě)法，是 jQuery 正在使用的。目前，淘寶的 kissy 也是使用這種方式。難道這不是目前最簡(jiǎn)潔，而且最有效的方式么？個(gè)人感覺(jué)內(nèi)部框架寫(xiě)得有點(diǎn)累贅了。例行總結(jié)，最終方案：
var isArray = function(obj) {
return Object.prototype.toString.call(obj) === '[object Array]';
}
==============
UPDATE: 2010.12.31 00:01(出處)
判斷類型，很酷。具體的，跟上面是一個(gè)道理：
var is = function (obj,type) {
return (type === "Null" && obj === null) ||
(type === "Undefined" && obj === void 0 ) ||
(type === "Number" && isFinite(obj)) ||
Object.prototype.toString.call(obj).slice(8,-1) === type;
}
復(fù)制代碼 代碼如下:
if (value instanceof Array ||
(!(value instanceof Object) &&
(Object.prototype.toString.call((value)) == '[object Array]') ||
typeof value.length == 'number' &&
typeof value.splice != 'undefined' &&
typeof value.propertyIsEnumerable != 'undefined' &&
!value.propertyIsEnumerable('splice'))) {
return 'array';
}
怎么說(shuō)呢，亂。當(dāng)然，也可以說(shuō)是，“史上最全”，它確實(shí)使用了最主流的方法，只是把他們都寫(xiě)一起了而已。
像我們所知道的，用 instanceof 和 constructor 是最直接的、簡(jiǎn)單的方式：
復(fù)制代碼 代碼如下:
var arr = [];
arr instanceof Array; // true
arr.constructor == Array; //true
只是，由于在不同 iframe 中創(chuàng)建的 Array 并不共享 prototype。如果這樣用。麻煩就來(lái)了。那么，如果要應(yīng)用在框架中，這種方式肯定是行不通的。倒是，使用 Douglas Crockford 的填鴨式方法是可以解決這個(gè)問(wèn)題（《JavaScript 語(yǔ)言精粹》P61）：
復(fù)制代碼 代碼如下:
var is_array = function(value) {
return value &&
typeof value === 'object' &&
typeof value.length === 'number' &&
typeof value.splice === 'function' &&
!(value.propertyIsEnumerable('length'));
};
不過(guò)，是否還有更簡(jiǎn)單的方法呢？其實(shí)，像我們自己用的，不就是了么？
復(fù)制代碼 代碼如下:
Object.prototype.toString.call(value) == '[object Array]'
上面這種寫(xiě)法，是 jQuery 正在使用的。目前，淘寶的 kissy 也是使用這種方式。難道這不是目前最簡(jiǎn)潔，而且最有效的方式么？個(gè)人感覺(jué)內(nèi)部框架寫(xiě)得有點(diǎn)累贅了。例行總結(jié)，最終方案：
復(fù)制代碼 代碼如下:
var isArray = function(obj) {
return Object.prototype.toString.call(obj) === '[object Array]';
}
==============
UPDATE: 2010.12.31 00:01(出處)
判斷類型，很酷。具體的，跟上面是一個(gè)道理：
復(fù)制代碼 代碼如下:
var is = function (obj,type) {
return (type === "Null" && obj === null) ||
(type === "Undefined" && obj === void 0 ) ||
(type === "Number" && isFinite(obj)) ||
Object.prototype.toString.call(obj).slice(8,-1) === type;
}
相關(guān)文章
javascript模版引擎-tmpl的bug修復(fù)與性能優(yōu)化分析
在平時(shí)編碼中，經(jīng)常要做拼接字符串的工作，如把json數(shù)據(jù)用HTML展示出來(lái)，以往字符串拼接與邏輯混在在一起會(huì)讓代碼晦澀不堪，加大了多人協(xié)作與維護(hù)的成本。而采用前端模板機(jī)制就能很好的解決這個(gè)問(wèn)題2011-10-10
js獲取當(dāng)前頁(yè)面的url網(wǎng)址信息
這篇文章主要介紹了通過(guò)js如何獲取當(dāng)前頁(yè)面的url網(wǎng)址信息,需要的朋友可以參考下2014-06-06
javascript實(shí)現(xiàn)倒計(jì)時(shí)關(guān)閉廣告
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)倒計(jì)時(shí)關(guān)閉廣告，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-02-02
用于節(jié)點(diǎn)操作的API，顛覆原生操作HTML DOM節(jié)點(diǎn)的API
敏捷開(kāi)發(fā)是一種以人為核心、迭代、循序漸進(jìn)的開(kāi)發(fā)方法。在敏捷開(kāi)發(fā)中，軟件項(xiàng)目的構(gòu)建被切分成多個(gè)子項(xiàng)目，各個(gè)子項(xiàng)目的成果都經(jīng)過(guò)測(cè)試，具備集成和可運(yùn)行的特征。2010-12-12
本文主要分享了javascript中遞歸的兩種寫(xiě)法，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
這篇文章主要為大家介紹了Promise拋出錯(cuò)誤解決基礎(chǔ)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-12-12
JavaScript實(shí)現(xiàn)的貝塞爾曲線算法簡(jiǎn)單示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的貝塞爾曲線算法,結(jié)合簡(jiǎn)單實(shí)例形式分析了基于javascript的貝塞爾曲線算法的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-01-01
這篇文章主要介紹了js實(shí)現(xiàn)漢字排序的方法,涉及javascript針對(duì)中文編碼的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
JavaScript實(shí)現(xiàn)更改網(wǎng)頁(yè)背景與字體顏色的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)更改網(wǎng)頁(yè)背景與字體顏色的方法,可實(shí)現(xiàn)點(diǎn)擊按鈕改變網(wǎng)頁(yè)背景色的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
javascript四舍五入函數(shù)代碼分享(保留后幾位)
這篇文章主要介紹了javascript四舍五入函數(shù)分享，大家參考使用吧2013-12-12