javascript判斷數(shù)據(jù)類型有哪些方法?這篇文章運(yùn)用了實(shí)例代碼展示,代碼非常詳細(xì),可供感興趣的小伙伴們參考借鑒,希望對(duì)大家有所幫助。
方法一、js內(nèi)置方法typeof
檢測(cè)基本數(shù)據(jù)類型的最佳選擇是使用typeof
typeof 來(lái)判斷數(shù)據(jù)類型,只能區(qū)分基本類型,即 “number”,”string”,”undefined”,”boolean”,”object”,“function”,“symbol” (ES6新增)七種。
對(duì)于數(shù)組、null、對(duì)象來(lái)說(shuō),其關(guān)系錯(cuò)綜復(fù)雜,使用 typeof 都會(huì)統(tǒng)一返回 “object” 字符串。
示例:
var bool = true var num = 1 var str = 'abc' var und = undefined var nul = null var arr = [1,2,3] var obj = {} var fun = function(){} var reg = new RegExp() console.log(typeof bool); //boolean console.log(typeof num); //number console.log(typeof str); //string console.log(typeof und); //undefined console.log(typeof nul); //object console.log(typeof arr); //object console.log(typeof obj); //object console.log(typeof reg); //object console.log(typeof fun); //function
由結(jié)果可知,除了在檢測(cè)null時(shí)返回 object 和檢測(cè)function時(shí)放回function。對(duì)于引用類型返回均為object。
方法二、Object.prototype.toString()
Object.prototype.toString方法返回對(duì)象的類型字符串,因此可以用來(lái)判斷一個(gè)值的類型。
var obj = {}; obj.toString() // "[object Object]"上面代碼調(diào)用空對(duì)象的toString方法,結(jié)果返回一個(gè)字符串object Object,其中第二個(gè)Object表示該值的構(gòu)造函數(shù)。這是一個(gè)十分有用的判斷數(shù)據(jù)類型的方法。
Object.prototype.toString.call(value)
上面代碼表示對(duì)value這個(gè)值調(diào)用Object.prototype.toString方法。
不同數(shù)據(jù)類型的Object.prototype.toString方法返回值如下。
數(shù)值:返回[object Number]。 字符串:返回[object String]。 布爾值:返回[object Boolean]。 undefined:返回[object Undefined]。 null:返回[object Null]。 數(shù)組:返回[object Array]。 arguments 對(duì)象:返回[object Arguments]。 函數(shù):返回[object Function]。 Error 對(duì)象:返回[object Error]。 Date 對(duì)象:返回[object Date]。 RegExp 對(duì)象:返回[object RegExp]。 其他對(duì)象:返回[object Object]。
那么利用這個(gè)特性,可以寫出一個(gè)比typeof運(yùn)算符更準(zhǔn)確的類型判斷函數(shù)。
封裝出一個(gè)判斷類型的函數(shù)如下:
var type = function (o){ var s = Object.prototype.toString.call(o); return s.match(/\[object (.*?)\]/)[1].toLowerCase(); }; type({}); // "object" type([]); // "array" type(5); // "number" type(null); // "null" type(); // "undefined" type(/abcd/); // "regex" type(new Date()); // "date"
另外:還可以加上專門判斷某種類型數(shù)據(jù)的方法
var type = function (o){ var s = Object.prototype.toString.call(o); return s.match(/\[object (.*?)\]/)[1].toLowerCase(); }; var arr = ['Null', 'Undefined', 'Object', 'Array', 'String', 'Number', 'Boolean', 'Function', 'RegExp'] arr.forEach(function (t) { type['is' + t] = function (o) { return type(o) === t.toLowerCase(); }; });
之后我們可以通過(guò)封裝出的方法去在不同需求時(shí)使用:如下
type.isObject({}) // true type.isNumber(NaN) // true type.isRegExp(/abc/) // true
關(guān)于javascript判斷數(shù)據(jù)類型的方法就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果喜歡這篇文章,不如把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
當(dāng)前名稱:Javascript判斷數(shù)據(jù)類型有哪些方法?-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明:http://aaarwkj.com/article46/iceeg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供搜索引擎優(yōu)化、網(wǎng)站排名、服務(wù)器托管、手機(jī)網(wǎng)站建設(shè)、建站公司、網(wǎng)站制作
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容