js 判斷各種資料型別的簡單方法

了解js的都知道， 有個typeof  用來判斷各種資料型別,有兩種寫法：typeof   xxx   ,typeof(xxx)

 如下實例：

type   object

typeof {}    輸出   object

typeof    []   輸出   object

typeof   (function(){ 

typeof   '222'   輸出    string

typeof  true     輸出     boolean 

這裡麵包含了js裡面的五種資料型別  number   string    boolean   undefinedobject和函數型別function

看到這裡你一定會問了：我怎麼去區分對象，數組和null呢? .prototype.toString.call

這是物件的一個原生原型擴充函數,用來更精確的區分資料型別。

我們來試試看這個玩兒意兒：

var   gettype=Object.prototype.toString

gettype.call('aaaa')輸出      [object String]🠎( ]

gettype.call(true)  輸出      [object Boolean]

gettype.call(undefined)  輸出      [object 非call({})   輸出[object Object]

gettype.call([])    輸出   [object Array]

gettype.call(function(){})     輸出我們解決了這裡的問題，object Function]。

其實js 裡面還有好多類型判斷 

[object HTMLDivElement]   div 物件,    

[object HTMLBodyElement]  body 物件,

[fobject Document HTML. ..

各種dom節點的判斷，這些東西在我們寫插件的時候都會用到。

可以封裝的方法如下：

var  gettype=Object.prototype.toString
 
var  utility={
 
isObj:function(o){
 
    return  gettype.call(o)=="[object Object]";
 
 },
 
     isArray:function(o){
 
        return  gettype.call(o)=="[object Array]";
 
     },
 
     isNULL:function(o){
 
        return  gettype.call(o)=="[object Null]";
 
     },
 
     isDocument:function(){
 
        return  gettype.call(o)=="[object Document]"|| [object HTMLDocument];
 
     }
 
     ........
 
}

以上這篇js 判斷各種資料類型的簡單方法(推薦)就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持PHP中文網。

更多js 判斷各種資料類型的簡單方法相關文章請關注PHP中文網！