首頁 > web前端 > js教程 > 主體

JavaScript判斷變數是物件還是陣列的方法_javascript技巧

WBOY
發布: 2016-05-16 16:38:27
原創
1253 人瀏覽過

typeof都回傳object

在JavaScript中所有資料型別嚴格意義上都是對象,但實際使用中我們還是有型別之分,如果要判斷一個變數是陣列還是物件使用typeof搞不定,因為它全都回傳object

複製程式碼 程式碼如下:

var o = { 'name':'lee' };
var a = ['reg','blue'];
 
document.write( ' o typeof is ' typeof o);
document.write( '
');
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。
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!