JavaScript判断变量是对象还是数组的方法

前端技术 2023/09/09 JavaScript

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。

本文地址：https://www.stayed.cn/item/25020

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案