快捷導(dǎo)航

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

更新時(shí)間：2014年08月28日 09:04:22 投稿：junjie

這篇文章主要介紹了JavaScript判斷變量是對(duì)象還是數(shù)組的方法,本文分別使用instanceof和typeof實(shí)現(xiàn),需要的朋友可以參考下

typeof都返回object

在JavaScript中所有數(shù)據(jù)類型嚴(yán)格意義上都是對(duì)象，但實(shí)際使用中我們還是有類型之分，如果要判斷一個(gè)變量是數(shù)組還是對(duì)象使用typeof搞不定，因?yàn)樗挤祷豲bject

復(fù)制代碼代碼如下:

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í)行：

復(fù)制代碼代碼如下:

o typeof is object

a typeof is object 

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

第一，使用typeof加length屬性

數(shù)組有l(wèi)ength屬性，object沒(méi)有，而typeof數(shù)組與對(duì)象都返回object，所以我們可以這么判斷

復(fù)制代碼代碼如下:

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可以判斷一個(gè)變量是不是數(shù)組，如：

復(fù)制代碼代碼如下:

var o = { 'name':'lee' };

var a = ['reg','blue'];

alert( a instanceof Array );  // true

alert( o instanceof Array );  // false

也可以判斷是不是屬于object

復(fù)制代碼代碼如下:

var o = { 'name':'lee' };

var a = ['reg','blue'];

alert( a instanceof Object );  // true

alert( o instanceof Object );  // true

但數(shù)組也是屬于object，所以以上兩個(gè)都是true，因此我們要利用instanceof判斷數(shù)據(jù)類型是對(duì)象還是數(shù)組時(shí)應(yīng)該優(yōu)先判斷array，最后判斷object

復(fù)制代碼代碼如下:

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，比如：

復(fù)制代碼代碼如下:

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