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ù)組和對(duì)象存儲(chǔ)值時(shí),都返回”object”。
Object.prototype上的原生toString()方法判斷數(shù)據(jù)類型
Object.prototype.toString.call()方法既可以判斷基本類型,也可以判斷原生引用類型,還可以判斷原生JSON對(duì)象。
判斷基本類型
數(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ù)合類型
對(duì)象Object、數(shù)組Array、方法Function、日期Date、布爾Boolean、數(shù)字Number、字符串String、正則RegExp、Math。
例如上面例子中的引用類型存儲(chǔ)值就可以使用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對(duì)象
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操作符會(huì)在實(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)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
js + css實(shí)現(xiàn)標(biāo)簽內(nèi)容切換功能(實(shí)例講解)
下面小編就為大家?guī)硪黄猨s + css實(shí)現(xiàn)標(biāo)簽內(nèi)容切換功能(實(shí)例講解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-10-10《JavaScript高級(jí)編程》學(xué)習(xí)筆記之object和array引用類型
本文給大家分享我的javascript高級(jí)編程學(xué)習(xí)筆記之object和array引用類型,涉及到j(luò)avascript引用類型相關(guān)知識(shí),對(duì)javascript引用類型感興趣的朋友可以參考下本文2015-11-11js限制文本框只能輸入整數(shù)或者帶小數(shù)點(diǎn)的數(shù)字
如何用js限制文本框輸入,只允許輸入整數(shù)或帶一位小數(shù)的浮點(diǎn)數(shù),本文分享一例代碼,有需要的朋友參考下2015-04-04Javascript中document.referrer隱藏來源的方法
這篇文章主要介紹了Javascript中document.referrer隱藏來源的方法,文中通過一個(gè)實(shí)例給大家介紹了實(shí)現(xiàn)的方法,有需要的朋友可以參考借鑒,下面來一起學(xué)習(xí)學(xué)習(xí)吧。2017-01-01JavaScript第七種數(shù)據(jù)類型Symbol的用法詳解
Symbol是ES6中引入的一種新的基本數(shù)據(jù)類型,用于表示一個(gè)獨(dú)一無二的值。它是JavaScript中的第七種數(shù)據(jù)類型。本文將詳細(xì)講講Symbol的使用,需要的可以參考一下2022-09-09js拆分字符串并將分割的數(shù)據(jù)放到數(shù)組中的方法
這篇文章主要介紹了js拆分字符串并將分割的數(shù)據(jù)放到數(shù)組中的方法,涉及javascript中split方法及數(shù)組的操作技巧,需要的朋友可以參考下2015-05-05