isArray()函数(JavaScript中对象类型判断的几种方法)


Posted in Javascript onNovember 26, 2009

1) typeof 运算符
typeof 是一元运算符,返回结果是一个说明运算数类型的字符串。如:"number","string","boolean","object","function","undefined"(可用于判断变量是否存在)。
但 typeof 的能力有限,其对于Date、RegExp类型返回的都是"object"。如:

typeof {}; // "object"
typeof []; // "object"
typeof new Date(); // "object"

所以它只在区别对象和原始类型的时候才有用。要区一种对象类型和另一种对象类型,必须使用其他的方法。如:instanceof 运算符或对象的 constructor 属。

2)instanceof 运算符。
instanceof 运算符要求其左边的运算数是一个对象,右边的运算数是对象类的名字或构造函数。如果 object 是 class 或构造函数的实例,则 instanceof 运算符返回 true。如果 object 不是指定类或函数的实例,或者 object 为 null,则返回 false。如:

[] instanceof Array; // true
[] instanceof Object; // true
[] instanceof RegExp; // false
new Date instanceof Date; // true

所以,可以用instanceof运算符来判断对象是否为数组类型:

function isArray(arr)
{
return arr instanceof Array;
}

3)constructor 属性。
JavaScript中,每个对象都有一个constructor属性,它引用了初始化该对象的构造函数,常用于判断未知对象的类型。如给定一个求知的值通过typeof运算符来判断它是原始的值还是对象。如果是对象,就可以使用constructor属性来判断其类型。所以判断数组的函数也可以这样写:

function isArray(arr)
{
return typeof arr == "object" && arr.constructor == Array;
}

很多情况下,我们可以使用instanceof运算符或对象的constructor属性来检测对象是否为数组。例如很多JavaScript框架就是使用这两种方法来判断对象是否为数组类型。
但是检测在跨框架(cross-frame)页面中的数组时,会失败。原因就是在不同框架(iframe)中创建的数组不会相互共享其prototype属性。例如:

<script> 
window.onload=function(){ 
var iframe_arr=new window.frames[0].Array; 
alert(iframe_arr instanceof Array); // false 
alert(iframe_arr.constructor == Array); // false 
} 
</script> <body> 
<iframe></iframe> 
</body>

在Ajaxian上看到了一种精确的检测方法,跨原型链调用toString()方法:Object.prototype.toString()。可以解决上面的跨框架问题。

当Object.prototype.toString(o)执行后,会执行以下步骤:
1)获取对象o的class属性。
2)连接字符串:"[object "+结果(1)+"]"
3)返回 结果(2)

例如:

Object.prototype.toString.call([]); // 返回 "[object Array]"
Object.prototype.toString.call(/reg/ig); // 返回 "[object RegExp]"

这样,我们就可以写一个健壮的判断对象是否为数组的函数:

function isArray(arr) 
{ 
return Object.prototype.toString.call(arr) === "[object Array]"; 
}

此种方法得到国外多个javaScript大师的认可,在即将发布的jQuery 1.3中将使用这种方法来检测数组。

prototype.js的一个维护者写了下面这个函数,用于获取对象的类型名

function __getClass(object)
{
return Object.prototype.toString.call(object).match(/^\[object\s(.*)\]$/)[1];
};

扩展一下,用于检测各种对象类型:

var is = 
{ 
types : ["Array", "Boolean", "Date", "Number", "Object", "RegExp", "String", "Window", "HTMLDocument"] 
} for(var i = 0, c; c = is.types[i ++ ]; ) 
{ 
is[c] = (function(type) 
{ 
return function(obj) 
{ 
return Object.prototype.toString.call(obj) == "[object " + type + "]"; 
} 
} 
)(c); 
} 
alert(is.Array([])); // true 
alert(is.Date(new Date)); // true 
alert(is.RegExp(/reg/ig)); // true
Javascript 相关文章推荐
jQuery EasyUI API 中文文档 - Draggable 可拖拽
Sep 29 Javascript
node.js中的buffer.slice方法使用说明
Dec 10 Javascript
Ajax与服务器(JSON)通信实例代码
Nov 05 Javascript
vue2.0+webpack环境的构造过程
Nov 08 Javascript
关于vue-router路径计算问题
May 10 Javascript
React入门教程之Hello World以及环境搭建详解
Jul 11 Javascript
帝国cms首页列表页实现点赞功能
Oct 30 Javascript
vue的状态管理模式vuex
Nov 30 Javascript
VUE 3D轮播图封装实现方法
Jul 03 Javascript
微信小程序学习笔记之表单提交与PHP后台数据交互处理图文详解
Mar 28 Javascript
使用xampp将angular项目运行在web服务器的教程
Sep 16 Javascript
vue中使用vue-pdf的方法详解
Sep 05 Javascript
Exitjs获取DataView中图片文件名
Nov 26 #Javascript
网页中的图片的处理方法与代码
Nov 26 #Javascript
js 动态选中下拉框
Nov 26 #Javascript
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
Nov 26 #Javascript
JS在IE和FF下attachEvent,addEventListener学习笔记
Nov 26 #Javascript
JS小框架 fly javascript framework
Nov 26 #Javascript
jquery.ui.progressbar 中文文档
Nov 26 #Javascript
You might like
php模板原理讲解
2013/11/13 PHP
php函数指定默认值方法的小例子
2013/12/04 PHP
PHP 实现的将图片转换为TXT
2015/10/21 PHP
PHP微信公众号开发之微信红包实现方法分析
2017/07/14 PHP
PHP自定义序列化接口Serializable用法分析
2017/12/29 PHP
PHP操作MongoDB实现增删改查功能【附php7操作MongoDB方法】
2018/04/24 PHP
ThinkPHP3.2框架操作Redis的方法分析
2019/05/05 PHP
CSS和JS标签style属性对照表(方便js开发的朋友)
2010/11/11 Javascript
Javascript实现的类似Google的Div拖动效果代码
2011/08/09 Javascript
Javascript事件实例详解
2013/11/06 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
2014/05/22 Javascript
js在数组中删除重复的元素自保留一个(两种实现思路)
2014/08/22 Javascript
微信小程序左右滑动切换页面详解及实例代码
2017/02/28 Javascript
nodejs模块学习之connect解析
2017/07/05 NodeJs
Postman模拟发送带token的请求方法
2018/03/31 Javascript
JS常用的几种数组遍历方式以及性能分析对比实例详解
2018/04/11 Javascript
angular第三方包开发整理(小结)
2018/04/19 Javascript
微信小程序动态生成二维码的实现代码
2018/07/25 Javascript
JS实现鼠标拖拽盒子移动及右键点击盒子消失效果示例
2019/01/29 Javascript
layui实现三级导航菜单
2019/07/26 Javascript
vue elementui tree 任意级别拖拽功能代码
2020/08/31 Javascript
Python中的is和id用法分析
2015/01/26 Python
pandas中Timestamp类用法详解
2017/12/11 Python
python实现日常记账本小程序
2018/03/10 Python
pycharm 将django中多个app放到同个文件夹apps的处理方法
2018/05/30 Python
Python 调用 Windows API COM 新法
2019/08/22 Python
CSS3田字格列表的样式编写方法
2018/11/22 HTML / CSS
一些常用的HTML5模式(pattern) 总结
2015/07/14 HTML / CSS
StubHub巴西:购买和出售您的门票
2016/07/22 全球购物
美国Max仓库:Max Warehouse
2020/05/31 全球购物
物业经理自我鉴定
2014/03/03 职场文书
建筑安全生产目标责任书
2014/07/23 职场文书
小学六一儿童节活动方案
2014/08/27 职场文书
世界文化遗产导游词
2015/02/13 职场文书
教师求职简历自我评价
2015/03/10 职场文书
2016元旦文艺汇演主持词(开场白+结束语)
2015/12/03 职场文书