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 相关文章推荐
Windows Live的@live.com域名注册漏洞 利用代码
Dec 27 Javascript
EXT窗口Window及对话框MessageBox
Jan 27 Javascript
读jQuery之七 判断点击了鼠标哪个键的代码
Jun 21 Javascript
13 个JavaScript 性能提升技巧分享
Jul 26 Javascript
详解JavaScript中undefined与null的区别
Mar 29 Javascript
将HTML格式的String转化为HTMLElement的实现方法
Aug 07 Javascript
JavaScript实现按照指定长度为数字前面补零输出的方法
Mar 19 Javascript
javascript框架设计之种子模块
Jun 23 Javascript
JavaScript中判断两个字符串是否相等的方法
Jul 07 Javascript
jQuery解决$符号命名冲突
Jun 18 Javascript
使用apifm-wxapi快速开发小程序过程详解
Aug 05 Javascript
Vue路由管理器Vue-router的使用方法详解
Feb 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
《OVERLORD》手游英文版即将上线 手机上也能扮演骨王
2020/04/09 日漫
PHP中error_reporting()函数的用法(修改PHP屏蔽错误)
2011/07/01 PHP
Yii2单元测试用法示例
2016/11/12 PHP
PHP静态延迟绑定和普通静态效率的对比
2017/10/20 PHP
Js+XML 操作
2006/09/20 Javascript
对联广告js flash激活
2006/10/19 Javascript
JavaScript的目的分析
2007/01/05 Javascript
JavaScript delete操作符应用实例
2009/01/13 Javascript
jQuery Tools tooltip使用说明
2012/07/14 Javascript
jquery中ajax使用error调试错误的方法
2015/02/08 Javascript
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
JavaScript操作XML/HTML比较常用的对象属性集锦
2015/10/30 Javascript
自动完成的搜索框javascript实现
2016/02/26 Javascript
JS/jQ实现免费获取手机验证码倒计时效果
2016/06/13 Javascript
headjs实现网站并行加载但顺序执行JS
2016/11/29 Javascript
防止重复发送 Ajax 请求
2017/02/15 Javascript
vue 自定义提示框(Toast)组件的实现代码
2018/08/17 Javascript
解决vue2.0路由跳转未匹配相应用路由避免出现空白页面的问题
2018/08/24 Javascript
详解如何写出一个利于扩展的vue路由配置
2019/05/16 Javascript
如何利用node转发请求详解
2020/09/17 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS TNC
2018/03/30 DOTA
[43:03]LGD vs Newbee 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
Python最基本的输入输出详解
2015/04/25 Python
Scrapy爬虫实例讲解_校花网
2017/10/23 Python
python dataframe常见操作方法:实现取行、列、切片、统计特征值
2018/06/09 Python
在vscode中配置python环境过程解析
2019/09/28 Python
企划主管岗位职责
2013/12/12 职场文书
工厂实习感言
2014/01/14 职场文书
《郑和远航》教学反思
2014/04/16 职场文书
小学毕业典礼演讲稿
2014/09/09 职场文书
自愿离婚协议书范本
2014/09/13 职场文书
房屋产权共有协议书范本
2014/11/03 职场文书
小学二年级语文教学反思
2016/03/03 职场文书
2019年聘任书的写作格式及范文!
2019/07/03 职场文书
如何书写读后感?(附范文)
2019/07/26 职场文书
JavaScript 语句之常用 for 循环详解
2021/03/29 Javascript