UDN-企业互联网技术人气社区

板块导航

浏览  : 430
回复  : 2

[原生js] js判断是否为数组的函数: isArray()

[复制链接]
刘莉莉11的头像 楼主
发表于 2017-1-3 11:57:05 | 显示全部楼层 |阅读模式
  像 Ajaxian,StackOverflow 等,搜一下,到处都在讨论 isArray() 的实现。对于一切都是对象的 JavaScript 来说,确实有点麻烦

  今天刚好在学习支付宝 JS 框架 base.js 。瞄了一下,实现是这样的:
  
  复制代码 代码如下:

  1. if (value instanceof Array ||
  2. (!(value instanceof Object) &&
  3. (Object.prototype.toString.call((value)) == '[object Array]') ||
  4. typeof value.length == 'number' &&
  5. typeof value.splice != 'undefined' &&
  6. typeof value.propertyIsEnumerable != 'undefined' &&
  7. !value.propertyIsEnumerable('splice'))) {
  8. return 'array';
  9. }
复制代码

  怎么说呢,乱。当然,也可以说是,“史上最全”,它确实使用了最主流的方法,只是把他们都写一起了而已。
  
  像我们所知道的,用 instanceof 和 constructor 是最直接的、简单的方式:
  
  复制代码 代码如下:

  1. var arr = [];
  2. arr instanceof Array; // true
  3. arr.constructor == Array; //true
复制代码

  只是,由于在不同 iframe 中创建的 Array 并不共享 prototype。如果这样用。麻烦就来了。那么,如果要应用在框架中,这种方式肯定是行不通的。倒是,使用 Douglas Crockford 的填鸭式方法是可以解决这个问题(《JavaScript 语言精粹》P61):
  
  复制代码 代码如下:
  1. var is_array = function(value) {
  2. return value &&
  3. typeof value === 'object' &&
  4. typeof value.length === 'number' &&
  5. typeof value.splice === 'function' &&
  6. !(value.propertyIsEnumerable('length'));
  7. };
复制代码

  不过,是否还有更简单的方法呢?其实,像我们自己用的,不就是了么?
  
  复制代码 代码如下:  
  
  1. Object.prototype.toString.call(value) == '[object Array]'
复制代码
 
  上面这种写法,是 jQuery 正在使用的。目前,淘宝的 kissy 也是使用这种方式。难道这不是目前最简洁,而且最有效的方式么?个人感觉内部框架写得有点累赘了。例行总结,最终方案:
  
  复制代码 代码如下:

  1. var isArray = function(obj) {
  2. return Object.prototype.toString.call(obj) === '[object Array]';
  3. }
  4. ==============
复制代码

  UPDATE: 2010.12.31 00:01(出处)
  
  判断类型,很酷。具体的,跟上面是一个道理:

  1. var is = function (obj,type) {
  2. return (type === "Null" && obj === null) ||
  3. (type === "Undefined" && obj === void 0 ) ||
  4. (type === "Number" && isFinite(obj)) ||
  5. Object.prototype.toString.call(obj).slice(8,-1) === type;
  6. }
复制代码
发表于 2017-1-3 11:57:35 来自手机 | 显示全部楼层
又见楼主分享帖子
使用道具 举报

回复

发表于 2017-1-3 11:57:36 | 显示全部楼层
jq现在应该算是最火的js框架类了吧?确实很强大extjs基于Yahoo UI的扩展,界面布局和效果方面很给力,但就是有点复杂
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部