JavaScript 判断数组的多种方法对比与最佳实践

支付宝base.js数组判断实现分析

在研究支付宝JS框架base.js的实现时，发现其判断数组的逻辑较为复杂。

 
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中创建的Array对象并不共享prototype。因此，在框架开发或多iframe环境中，这种方式会导致判断失效。相比之下，采用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方法

是否存在更简洁且高效的方法？实际上，我们常用的方式已经足够：

Object.prototype.toString.call(value) == '[object Array]'

这种写法目前被jQuery和淘宝的KISSY框架广泛采用。从简洁性和有效性来看，这似乎是内部框架中最优的选择，相比之下，前述复杂的实现显得过于累赘。最终推荐方案如下：

 
var isArray = function(obj) {
return Object.prototype.toString.call(obj) === '[object Array]';
} 
============== 

更新日期：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;
}