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 相关文章推荐
转义字符(\)对JavaScript中JSON.parse的影响概述
Jul 17 Javascript
使用js写的一个简易的投票
Nov 27 Javascript
解决js下referer兼容各大浏览器的方法
Nov 03 Javascript
jQuery头像裁剪工具jcrop用法实例(附演示与demo源码下载)
Jan 22 Javascript
jquery之别踩白块游戏的简单实现
Jul 25 Javascript
微信小程序 删除项目工程实现步骤
Nov 10 Javascript
纯js仿淘宝京东商品放大镜功能
Mar 02 Javascript
JavaScript和JQuery获取DIV值的方法示例
Mar 07 Javascript
图文讲解vue的v-if使用方法
Feb 11 Javascript
JS实现可用滑块滑动的缓动图代码
Sep 01 Javascript
浅析TypeScript 命名空间
Mar 19 Javascript
vue设置全局访问接口API地址操作
Aug 14 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作的文本留言本的例子(六)
2006/10/09 PHP
PHP将Excel导入数据库及数据库数据导出至Excel的方法
2015/06/24 PHP
阿里云Win2016安装Apache和PHP环境图文教程
2018/03/11 PHP
javascript中检测变量的类型的代码
2010/12/28 Javascript
Highcharts 非常实用的Javascript统计图demo示例
2013/07/03 Javascript
js 调用父窗口的具体实现代码
2013/07/15 Javascript
解析jQuery的三种bind/One/Live事件绑定使用方法
2013/12/30 Javascript
使用javascript实现监控视频播放并打印日志
2015/01/05 Javascript
Jquery效果大全之制作电脑健康体检得分特效附源码下载
2015/11/02 Javascript
jQuery插件Validate实现自定义校验结果样式
2016/01/18 Javascript
jQuery遍历json的方法(推荐)
2016/06/12 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
2016/12/01 Javascript
javascript中的面向对象
2017/03/30 Javascript
使用angular帮你实现拖拽的示例
2017/07/05 Javascript
vue-cli3.0使用及部分配置详解
2018/08/29 Javascript
angular2 组件之间通过service互相传递的实例
2018/09/30 Javascript
对python中的logger模块全面讲解
2018/04/28 Python
python实现蒙特卡罗方法教程
2019/01/28 Python
树莓派采用socket方式文件传输(python)
2019/06/22 Python
下载官网python并安装的步骤详解
2019/10/12 Python
jupyter notebook 多环境conda kernel配置方式
2020/04/10 Python
Python OrderedDict字典排序方法详解
2020/05/21 Python
HTML5中的强制下载属性download使用实例解析
2016/05/12 HTML / CSS
美国演唱会订票网站:Ticketmaster美国
2017/10/05 全球购物
Brasty波兰:香水、化妆品、手表网上商店
2019/04/15 全球购物
Charles&Keith美国官方网站:新加坡快时尚鞋类和配饰零售商
2019/11/27 全球购物
在Java开发中如何选择使用哪种集合类
2016/08/09 面试题
我有一个char * 型指针正巧指向一些int 型变量, 我想跳过它们。 为什么如下的代码((int *)p)++; 不行?
2013/05/09 面试题
技术合作协议书范本
2014/04/18 职场文书
安全协议书
2014/04/23 职场文书
年终奖发放方案
2014/06/02 职场文书
五一劳动节演讲稿
2014/09/12 职场文书
幼儿园安全教育月活动总结
2015/05/08 职场文书
2015教师个人年度工作总结
2015/10/23 职场文书
60条职场经典语录,总有一条能触动你的心
2019/08/21 职场文书
使用react+redux实现计数器功能及遇到问题
2021/06/02 Javascript