js判断一个变量是对象还是数组
来源：自学PHP网
时间：2014-09-19 14:47 作者：
阅读:次
[导读] 很多时间我们都不知道怎么来判断一个变量是数组还是对象，下面我来给各位同学详细介绍一个js判断一个变量是对象还是数组实例。...
|
typeof都返回object
在JavaScript中所有数据类型严格意义上都是对象，但实际使用中我们还是有类型之分，如果要判断一个变量是数组还是对象使用typeof搞不定，因为它全都返回object
| 代码如下 |
复制代码 |
|
var o = { 'name':'lee' };
var a = ['reg','blue'];
document.write( ' o typeof is ' + typeof o);
document.write( ' <br />');
document.write( ' a typeof is ' + typeof a);
执行：
o typeof is object
a typeof is object
|
因此，我们只能放弃这种方法，要判断是数组or对象有两种方法
第一，使用typeof加length属性
数组有length属性，object没有，而typeof数组与对象都返回object，所以我们可以这么判断
| 代码如下 |
复制代码 |
|
var o = { 'name':'lee' };
var a = ['reg','blue'];
var getDataType = function(o){
if(typeof o == 'object'){
if( typeof o.length == 'number' ){
return 'Array';
}else{
return 'Object';
}
}else{
return 'param is no object type';
}
};
alert( getDataType(o) ); // Object
alert( getDataType(a) ); // Array
alert( getDataType(1) ); // param is no object type
alert( getDataType(true) ); // param is no object type
alert( getDataType('a') ); // param is no object type
|
第二，使用instanceof
使用instanceof可以判断一个变量是不是数组，如：
| 代码如下 |
复制代码 |
|
var o = { 'name':'lee' };
var a = ['reg','blue'];
alert( a instanceof Array ); // true
alert( o instanceof Array ); // false
|
也可以判断是不是属于object
| 代码如下 |
复制代码 |
var o = { 'name':'lee' };
var a = ['reg','blue'];
alert( a instanceof Object ); // true
alert( o instanceof Object ); // true
|
但数组也是属于object，所以以上两个都是true，因此我们要利用instanceof判断数据类型是对象还是数组时应该优先判断array，最后判断object
| 代码如下 |
复制代码 |
var o = { 'name':'lee' };
var a = ['reg','blue'];
var getDataType = function(o){
if(o instanceof Array){
return 'Array'
}else if( o instanceof Object ){
return 'Object';
}else{
return 'param is no object type';
}
};
alert( getDataType(o) ); // Object
alert( getDataType(a) ); // Array
alert( getDataType(1) ); // param is no object type
alert( getDataType(true) ); // param is no object type
alert( getDataType('a') ); // param is no object type
|
如果你不优先判断Array，比如：
| 代码如下 |
复制代码 |
var o = { 'name':'lee' };
var a = ['reg','blue'];
var getDataType = function(o){
if(o instanceof Object){
return 'Object'
}else if( o instanceof Array ){
return 'Array';
}else{
return 'param is no object type';
}
};
alert( getDataType(o) ); // Object
alert( getDataType(a) ); // Object
alert( getDataType(1) ); // param is no object type
alert( getDataType(true) ); // param is no object type
alert( getDataType('a') ); // param is no object type
|
那么数组也会被判断为object。
下面看一国外人写的
参考ECMA-262规范给一个通用的方法：
| 代码如下 |
复制代码 |
|
function isArray(obj) {
return Object.prototype.toString.call(obj) === '[object Array]';
}
|
ECMA-262解释：
| 代码如下 |
复制代码 |
|
Object.prototype.toString( ) When the toString method is called, the following steps are taken:
Get the [[Class]] property of this object.
Compute a string value by concatenating the three strings “[object “, Result (1), and “]”.
Return Result (2)
|
该规范定义了Object.prototype.toString的行为：首先，取得对象的一个内部属性[[Class]]，然后依据这个属性，返回一个类似于"[object Array]"的字符串作为结果（看过ECMA标准的应该都知道，[[]]用来表示语言内部用到的、外部不可直接访问的属性，称为“内部属性”）。利用这个方法，再配合call，我们可以取得任何对象的内部属性[[Class]]，然后把类型检测转化为字符串比较，以达到我们的目的。
在ECMA标准中Array的描述吧：
ECMA-262 写道
| 代码如下 |
复制代码 |
|
new Array([ item0[, item1 [,…]]])
The [[Class]] property of the newly constructed object is set to “Array”.
|
js的原型继承有个缺点，就是子类原来的原型对象被替换了，在获取子类的constructor的时候，实际取的是从父类继承的constructor。
如果不想改变constructor，可以采用以下方法实现继承：
| 代码如下 |
复制代码 |
|
Function.prototype.extend = function(parent) {
var cls = new Function();
cls.prototype = parent.prototype;
this.prototype = new cls;
this.prototype.constructor = this;
}
function t(){};
t.extend(Array);
alert(x.constructor);//==t
|
而instaceof是判断对象的类型，比如： |
