js判断是否为数组的函数: isArray()

 更新时间:2011年10月30日 23:34:18   作者:  
像 Ajaxian,StackOverflow 等,搜一下,到处都在讨论 isArray() 的实现。对于一切都是对象的 JavaScript 来说,确实有点麻烦
今天刚好在学习支付宝 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。如果这样用。麻烦就来了。那么,如果要应用在框架中,这种方式肯定是行不通的。倒是,使用 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 也是使用这种方式。难道这不是目前最简洁,而且最有效的方式么?个人感觉内部框架写得有点累赘了。例行总结,最终方案:
复制代码 代码如下:

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简单判断是否在微信浏览器打开的方法示例

    JS简单判断是否在微信浏览器打开的方法示例

    这篇文章主要介绍了JS简单判断是否在微信浏览器打开的方法,结合实例形式分析了javascript针对浏览器相关信息的获取与判定操作技巧,需要的朋友可以参考下
    2019-01-01
  • js字符串去重复id的实现代码

    js字符串去重复id的实现代码

    最近由于需要我们将相关id的重复的去掉,一个是客户端一个后台程序把关,这里分享下js的去重复id的实现代码
    2013-07-07
  • js TextArea的选中区域处理

    js TextArea的选中区域处理

    js中对于TextArea的选中区域后进行处理的代码,需要的朋友可以参考下。
    2010-12-12
  • 点击进行复制的JS代码实例

    点击进行复制的JS代码实例

    这篇文章介绍了点击进行复制的JS代码实例,有需要的朋友可以参考一下
    2013-08-08
  • JSON.stringify实例详解以及灵活运用

    JSON.stringify实例详解以及灵活运用

    在向服务器发送数据时一般是字符串,我们可以使用 JSON.stringify()方法将JavaScript对象转换为字符串,下面这篇文章主要给大家介绍了关于JSON.stringify及灵活运用的相关资料,需要的朋友可以参考下
    2022-03-03
  • ES6如何用一句代码实现函数的柯里化

    ES6如何用一句代码实现函数的柯里化

    这篇文章主要介绍了ES6如何用一句代码实现函数的柯里化,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-01-01
  • js图片查看器插件用法示例

    js图片查看器插件用法示例

    这篇文章主要介绍了js图片查看器插件用法,结合实例形式分析了图片查看器插件viewer.js简单使用技巧,需要的朋友可以参考下
    2019-06-06
  • JS继承用法实例分析

    JS继承用法实例分析

    这篇文章主要介绍了JS继承用法,实例分析了拷贝继承、类继承及原型继承等的使用技巧,需要的朋友可以参考下
    2015-02-02
  • 微信小程序页面传多个参数跳转页面的实现方法

    微信小程序页面传多个参数跳转页面的实现方法

    这篇文章主要介绍了微信小程序页面传多个参数跳转页面的实现方法,本文图文并茂给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2019-05-05
  • JavaScript对象拷贝与赋值操作实例分析

    JavaScript对象拷贝与赋值操作实例分析

    这篇文章主要介绍了JavaScript对象拷贝与赋值操作,结合实例形式分析了javascript对象定义、拷贝、赋值等相关操作技巧与注意事项,需要的朋友可以参考下
    2018-12-12

最新评论