JS數(shù)據(jù)類型分類及常用判斷方法
數(shù)據(jù)類型判斷的方法
在探索數(shù)據(jù)類型判斷方法的時(shí)候我們需要知道JS中有哪些數(shù)據(jù)類型:
我們可以把JS中數(shù)據(jù)類型分為兩類:
1.基本數(shù)據(jù)類型:Undefined、Null、Boolean、Number、String、Symbol(es6中新增)
2.引用類型(復(fù)雜數(shù)據(jù)類型):里面包含 function、Array、Date 等
判斷數(shù)據(jù)類型的方法有幾種
1.typeof
我相信typeof這個(gè)判斷數(shù)據(jù)類型的方法是大家平常用的比較多的,閑話不多說,直接上代碼:
console.log(typeof 1);//numberconsole.log(typeof ’hello’);//stringconsole.log(typeof true);//booleanconsole.log(typeof null);//objectconsole.log(typeof Symbol(1));//symbolconsole.log(typeof undefined);//undefinedconsole.log(typeof function(){});//functionconsole.log(typeof []);//objectconsole.log(typeof {});//object
通過以上代碼和輸出我們大概可以看出,typeof這個(gè)判斷能判斷出大部分的數(shù)據(jù)類型,但是基本類型中有null的類型被判斷為object
所以這個(gè)判斷還不是那么精確,我們需要其它判斷方法
2.instanceof 用于檢測構(gòu)造函數(shù)的 prototype 屬性是否出現(xiàn)在某個(gè)實(shí)例的原型鏈上
1.instanceof 左為實(shí)例,右為構(gòu)造函數(shù)。即判斷左是不是右的實(shí)例對象。內(nèi)部機(jī)制是通過原型鏈來判斷的
2.instanceof 可以精準(zhǔn)判斷引用數(shù)據(jù)類型 Array,F(xiàn)unction,Object,而基本數(shù)據(jù)類型不能被 instanceof 精準(zhǔn)判斷,因?yàn)樗旧聿皇且粋€(gè)實(shí)例對象
console.log(2 instanceof Number);//falseconsole.log(new Number(2) instanceof Number);//trueconsole.log(’str’ instanceof String); //falseconsole.log(new String(’str’) instanceof String); //trueconsole.log([] instanceof Array);//trueconsole.log([]instanceof Object);//trueconsole.log({} instanceof Object);//trueconsole.log({} instanceof Array);//falseconsole.log(function(){} instanceof Function); // true
在以上代碼中,我們可以看出這個(gè)判斷方法還是沒解決實(shí)際性的問題,比如我們想判斷null為null,所以接下來介紹一個(gè)精確的判斷方法
3.Object.prototype.toString.call()
1.使用 Object 對象的原型方法 toString,使用 call 改變 this 指向
見代碼:
const a = Object.prototype.toString;console.log(a.call(2)); // [object Number]console.log(a.call(true)); // [object Boolean]console.log(a.call(’str’)); // [object String]console.log(a.call(Symbol())) // [object Symbol]console.log(a.call([])); // [object Array]console.log(a.call(function(){})); // [object Function]console.log(a.call({})); // [object Object]console.log(a.call(undefined)); // [object Undefined]console.log(a.call(null)); // [object Null]console.log(a.call(new Date())) // [object Date]console.log(a.call(new Error())) // [object Error]console.log(a.call(new RegExp())) // [object RegExp
見上面輸出可知,Object.prototype.toString.call()可以判斷出復(fù)雜類型中的Array,F(xiàn)unction,Date等類型,所以我們知道,當(dāng)我們需要判斷復(fù)雜類型時(shí),或者判斷簡單數(shù)據(jù)類型中的null為null時(shí)我們可以用次方法,判斷簡單類型中的其他數(shù)據(jù)類型我們可以用typeof來判斷就可以
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. XML在語音合成中的應(yīng)用2. HTTP協(xié)議常用的請求頭和響應(yīng)頭響應(yīng)詳解說明(學(xué)習(xí))3. 不要在HTML中濫用div4. ASP將數(shù)字轉(zhuǎn)中文數(shù)字(大寫金額)的函數(shù)5. .NET Framework各版本(.NET2.0 3.0 3.5 4.0)區(qū)別6. jscript與vbscript 操作XML元素屬性的代碼7. HTML5實(shí)戰(zhàn)與剖析之觸摸事件(touchstart、touchmove和touchend)8. php使用正則驗(yàn)證密碼字段的復(fù)雜強(qiáng)度原理詳細(xì)講解 原創(chuàng)9. ASP基礎(chǔ)入門第四篇(腳本變量、函數(shù)、過程和條件語句)10. XML入門的常見問題(三)
