js 判斷各種數(shù)據(jù)類型的簡單方法(推薦)
了解js的都知道, 有個typeof 用來判斷各種數(shù)據(jù)類型,有兩種寫法:typeof xxx ,typeof(xxx)
如下實例:
typeof 2 輸出 number
typeof null 輸出 object
typeof {} 輸出 object
typeof [] 輸出 object
typeof (function(){}) 輸出 function
typeof undefined 輸出 undefined
typeof '222' 輸出 string
typeof true 輸出 boolean
這里面包含了js里面的五種數(shù)據(jù)類型 number string boolean undefinedobject和函數(shù)類型 function
看到這里你肯定會問了:我怎么去區(qū)分對象,數(shù)組和null呢?
接下來我們就用到另外一個利器:Object.prototype.toString.call
這是對象的一個原生原型擴展函數(shù),用來更精確的區(qū)分數(shù)據(jù)類型。
我們來試試這個玩兒意兒:
var gettype=Object.prototype.toString
gettype.call('aaaa')輸出 [object String]
gettype.call(2222) 輸出 [object Number]
gettype.call(true) 輸出 [object Boolean]
gettype.call(undefined) 輸出 [object Undefined]
gettype.call(null) 輸出 [object Null]
gettype.call({}) 輸出 [object Object]
gettype.call([]) 輸出 [object Array]
gettype.call(function(){}) 輸出 [object Function]
看到這里,剛才的問題我們解決了。
其實js 里面還有好多類型判斷
[object HTMLDivElement] div 對象 ,
[object HTMLBodyElement] body 對象,
[object Document](IE)或者
[object HTMLDocument](firefox,google) ......
各種dom節(jié)點的判斷,這些東西在我們寫插件的時候都會用到。
可以封裝的方法如下:
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 判斷各種數(shù)據(jù)類型的簡單方法(推薦)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
統(tǒng)一接口:為FireFox添加IE的方法和屬性的js代碼
統(tǒng)一接口:為FireFox添加IE的方法和屬性的js代碼...2007-03-03
JavaScript 在網(wǎng)頁上單擊鼠標的地方顯示層及關閉層
在網(wǎng)頁上單擊鼠標的地方顯示層,供用戶選擇地點,同時把用戶選擇的地點顯示在文本框中。主要是控制層的顯示、隱藏,感興趣的朋友可以參考下2012-12-12
JavaScript實現(xiàn)簡單獲取本地圖片主色調(diào)
想象一個場景,就是如何根據(jù)一張圖片大概提取出它的主色調(diào)呢?獲取主色調(diào)后,可能會用來設置某些背景顏色,這里,利用?JS?簡單獲取本地圖片主色調(diào),希望對大家有所幫助2023-03-03
xmlplus組件設計系列之下拉刷新(PullRefresh)(6)
xmlplus 是一個JavaScript框架,用于快速開發(fā)前后端項目。這篇文章主要介紹了xmlplus組件設計系列之下拉刷新,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05
小程序實現(xiàn)搜索界面 小程序實現(xiàn)推薦搜索列表效果
這篇文章主要為大家詳細介紹了小程序實現(xiàn)搜索界面,小程序實現(xiàn)推薦搜索列表效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2019-05-05

