JS判斷數(shù)據(jù)類型的常用方法匯總
在搬磚途中看到一大神的代碼，用 Object.prototype.toString.call()判斷數(shù)據(jù)類型，在這里學(xué)習(xí)總結(jié)下，在js中，判斷數(shù)據(jù)類型除了用typeof運(yùn)算符之外，還可以用Object.prototype.toString.call()方法、instanceof操作符。
幾種判斷方法的區(qū)別
typeof判斷數(shù)據(jù)類型
使用typeof操作符，判斷數(shù)據(jù)類型返回值如下：
typeof 1 // "number"
typeof "a" // "string"
typeof true // "boolean"
typeof {} // "object"
typeof [] // "object"
typeof function(){} // "function"使用時(shí)的一個(gè)問題是，在判斷數(shù)組和對象存儲值時(shí)，都返回”object”。
Object.prototype上的原生toString()方法判斷數(shù)據(jù)類型
Object.prototype.toString.call()方法既可以判斷基本類型，也可以判斷原生引用類型，還可以判斷原生JSON對象。
判斷基本類型
數(shù)字number、字符串string、布爾值boolean。
Object.prototype.toString.call(2);//"[object Number]"
Object.prototype.toString.call("s");//"[object String]"
Object.prototype.toString.call(true);//"[object Boolean]"判斷空類型
null和undefined。
Object.prototype.toString.call(null);//"[object Null]" Object.prototype.toString.call(undefined);//"[object Undefined]"
判斷復(fù)合類型
對象Object、數(shù)組Array、方法Function、日期Date、布爾Boolean、數(shù)字Number、字符串String、正則RegExp、Math。
例如上面例子中的引用類型存儲值就可以使用Object.prototype.toString()方法區(qū)別出來：
Object.prototype.toString.call({});//"[object Object]"
Object.prototype.toString.call([]);//"[object Array]"
Object.prototype.toString.call(function(){});//"[object Function]"
Object.prototype.toString.call(String);//"[object Function]"
var t = new Date();
Object.prototype.toString.call(t);//"[object Date]"
var bb = new Boolean();
Object.prototype.toString.call(bb);//"[object Boolean]"
var bb = new Number();
Object.prototype.toString.call(bb);//"[object Number]"
var str = new String();
Object.prototype.toString.call(str);//"[object String]"
var reg = new RegExp("^1[34578][0-9]{9}$","g");
Object.prototype.toString.call(reg);//"[object RegExp]"
var reg = Math.valueOf();
Object.prototype.toString.call(reg);//"[object Math]"判斷原生JSON對象
var isNativeJSON = window.JSON && Object.prototype.toString.call(JSON); console.log(isNativeJSON);//[object JSON]
判斷自定義類型
function Foo(name,age) {
this.name = name;
this.age = age;
}
var foo =new Foo("harry",20);
Object.prototype.toString.call(foo);//"[object Object]"遇到的一個(gè)問題是，使用Object.prototype.toString.call()方法不能判斷foo是Foo類的實(shí)例。只能用instanceof來判斷。
instanceof判斷數(shù)據(jù)類型
instanceof作用是判斷原型與實(shí)例之間的關(guān)系。用法是：
instanceof 原型
instanceof操作符會在實(shí)例的原型鏈上查找，直到找到右邊構(gòu)造函數(shù)的prototype屬性，或者為null的時(shí)候停止。
console.log(foo instanceof Foo);//true
到此這篇關(guān)于JS判斷數(shù)據(jù)類型的常用方法匯總的文章就介紹到這了,更多相關(guān)JS判斷數(shù)據(jù)類型內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
在JavaScript中,繼承允許一個(gè)對象從另一個(gè)對象繼承屬性和方法,本文將詳細(xì)介紹JavaScript中的繼承機(jī)制,包括原型鏈、構(gòu)造函數(shù)、原型對象以及幾種實(shí)現(xiàn)繼承的方法,需要的朋友可以參考下2024-04-04
JavaScript的History API使搜索引擎抓取AJAX內(nèi)容
這篇文章主要介紹了JavaScript的History API使搜索引擎抓取AJAX內(nèi)容 的相關(guān)資料,需要的朋友可以參考下2015-12-12
弄了個(gè)很簡單的例子判斷IE瀏覽器版本是否過低，注意在IE6和IE7版本較低情況下下才看到它的提示效果，需要的朋友可以收藏下2013-11-11
JS實(shí)現(xiàn)網(wǎng)頁搶購功能（觸發(fā)，終止腳本）
小編通過一個(gè)網(wǎng)頁式的搶購功能的實(shí)現(xiàn)給大家講解一下JS如何觸發(fā)和終止腳本來完成這個(gè)任務(wù)。2017-11-11
JS實(shí)現(xiàn)選項(xiàng)卡實(shí)例詳解
這篇文章主要介紹了JS實(shí)現(xiàn)選項(xiàng)卡的方法,結(jié)合實(shí)例形式詳細(xì)講述了JavaScript實(shí)現(xiàn)選項(xiàng)卡的布局與功能實(shí)現(xiàn)的完整步驟及相關(guān)技巧,需要的朋友可以參考下2015-11-11
javascript解析xml實(shí)現(xiàn)省市縣三級聯(lián)動的方法
這篇文章主要介紹了javascript解析xml實(shí)現(xiàn)省市縣三級聯(lián)動的方法,涉及javascript針對節(jié)點(diǎn)的操作與XML文件解析的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
uniapp發(fā)送formdata表單請求2種方法(全網(wǎng)最簡單方法)
這篇文章主要給大家介紹了關(guān)于uniapp發(fā)送formdata表單請求2種方法的相關(guān)資料,本文介紹的方法應(yīng)該是全網(wǎng)最簡單方法,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-09-09
javascript 動態(tài)創(chuàng)建表格的2種方法總結(jié)
本文給大家總結(jié)了2種使用javascript動態(tài)創(chuàng)建表格的方法，非常簡單實(shí)用，小伙伴們自己對比下看看哪種更適合你呢，一般本人是使用第一種的。2015-03-03
目前一直在學(xué)習(xí)WEB前端的知識。下面貼出最近完成的一個(gè)可排序表格.2010-12-12
JavaScript封裝Vue-Router實(shí)現(xiàn)流程詳解
這篇文章主要介紹了JavaScript封裝Vue-Router實(shí)現(xiàn)流程，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-09-09