JavaScript判斷變量是對象還是數(shù)組的方法

2019-11-20 14:13:57

字體：大中小

供稿：網(wǎng)友

typeof都返回object

在JavaScript中所有數(shù)據(jù)類型嚴格意義上都是對象，但實際使用中我們還是有類型之分，如果要判斷一個變量是數(shù)組還是對象使用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);

執(zhí)行：

復制代碼代碼如下:

o typeof is object
a typeof is object 

因此，我們只能放棄這種方法，要判斷是數(shù)組or對象有兩種方法

第一，使用typeof加length屬性

數(shù)組有l(wèi)ength屬性，object沒有，而typeof數(shù)組與對象都返回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可以判斷一個變量是不是數(shù)組，如：

復制代碼代碼如下:

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

但數(shù)組也是屬于object，所以以上兩個都是true，因此我們要利用instanceof判斷數(shù)據(jù)類型是對象還是數(shù)組時應(yīng)該優(yōu)先判斷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

如果你不優(yōu)先判斷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