js判斷是否為數(shù)組的函數(shù): isArray()
更新時間:2011年10月30日 23:34:18 作者:
像 Ajaxian,StackOverflow 等,搜一下,到處都在討論 isArray() 的實現(xiàn)。對于一切都是對象的 JavaScript 來說,確實有點麻煩
今天剛好在學習支付寶 JS 框架 base.js 。瞄了一下,實現(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';
}
怎么說呢,亂。當然,也可以說是,“史上最全”,它確實使用了最主流的方法,只是把他們都寫一起了而已。
像我們所知道的,用 instanceof 和 constructor 是最直接的、簡單的方式:
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'));
};
不過,是否還有更簡單的方法呢?其實,像我們自己用的,不就是了么?
上面這種寫法,是 jQuery 正在使用的。目前,淘寶的 kissy 也是使用這種方式。難道這不是目前最簡潔,而且最有效的方式么?個人感覺內(nèi)部框架寫得有點累贅了。例行總結(jié),最終方案:
var isArray = function(obj) {
return Object.prototype.toString.call(obj) === '[object Array]';
}
==============
UPDATE: 2010.12.31 00:01(出處)
判斷類型,很酷。具體的,跟上面是一個道理:
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;
}
復制代碼 代碼如下:
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';
}
怎么說呢,亂。當然,也可以說是,“史上最全”,它確實使用了最主流的方法,只是把他們都寫一起了而已。
像我們所知道的,用 instanceof 和 constructor 是最直接的、簡單的方式:
復制代碼 代碼如下:
var arr = [];
arr instanceof Array; // true
arr.constructor == Array; //true
只是,由于在不同 iframe 中創(chuàng)建的 Array 并不共享 prototype。如果這樣用。麻煩就來了。那么,如果要應用在框架中,這種方式肯定是行不通的。倒是,使用 Douglas Crockford 的填鴨式方法是可以解決這個問題(《JavaScript 語言精粹》P61):
復制代碼 代碼如下:
var is_array = function(value) {
return value &&
typeof value === 'object' &&
typeof value.length === 'number' &&
typeof value.splice === 'function' &&
!(value.propertyIsEnumerable('length'));
};
不過,是否還有更簡單的方法呢?其實,像我們自己用的,不就是了么?
復制代碼 代碼如下:
Object.prototype.toString.call(value) == '[object Array]'
上面這種寫法,是 jQuery 正在使用的。目前,淘寶的 kissy 也是使用這種方式。難道這不是目前最簡潔,而且最有效的方式么?個人感覺內(nèi)部框架寫得有點累贅了。例行總結(jié),最終方案:
復制代碼 代碼如下:
var isArray = function(obj) {
return Object.prototype.toString.call(obj) === '[object Array]';
}
==============
UPDATE: 2010.12.31 00:01(出處)
判斷類型,很酷。具體的,跟上面是一個道理:
復制代碼 代碼如下:
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;
}
您可能感興趣的文章:
- JS判斷數(shù)組里是否有重復元素的方法小結(jié)
- JS 判斷某變量是否為某數(shù)組中的一個值的3種方法(總結(jié))
- JavaScript判斷數(shù)組是否包含指定元素的方法
- JavaScript判斷變量是否為數(shù)組的方法(Array)
- JS判斷元素是否在數(shù)組內(nèi)的實現(xiàn)代碼
- JS判斷數(shù)組中是否有重復值得三種實用方法
- js判斷數(shù)據(jù)類型如判斷是否為數(shù)組是否為字符串等等
- js判斷數(shù)組是否包含某個字符串變量的實例
- JavaScript判斷數(shù)組重復內(nèi)容的兩種方法(推薦)
- JavaScript判斷數(shù)組的方法總結(jié)與推薦
相關文章
微信小程序頁面?zhèn)鞫鄠€參數(shù)跳轉(zhuǎn)頁面的實現(xiàn)方法
這篇文章主要介紹了微信小程序頁面?zhèn)鞫鄠€參數(shù)跳轉(zhuǎn)頁面的實現(xiàn)方法,本文圖文并茂給大家介紹的非常詳細,具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05