您好,登錄后才能下訂單哦!
這篇文章給大家介紹JavaScript中的數(shù)據(jù)類型有哪些分類,內(nèi)容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。
數(shù)據(jù)類型判斷的方法
在探索數(shù)據(jù)類型判斷方法的時候我們需要知道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這個判斷數(shù)據(jù)類型的方法是大家平常用的比較多的,閑話不多說,直接上代碼:
console.log(typeof 1);//number
console.log(typeof 'hello');//string
console.log(typeof true);//boolean
console.log(typeof null);//object
console.log(typeof Symbol(1));//symbol
console.log(typeof undefined);//undefined
console.log(typeof function(){});//function
console.log(typeof []);//object
console.log(typeof {});//object
通過以上代碼和輸出我們大概可以看出,typeof這個判斷能判斷出大部分的數(shù)據(jù)類型,但是基本類型中有null的類型被判斷為object
所以這個判斷還不是那么精確,我們需要其它判斷方法
2.instanceof 用于檢測構(gòu)造函數(shù)的 prototype 屬性是否出現(xiàn)在某個實例的原型鏈上
1.instanceof 左為實例,右為構(gòu)造函數(shù)。即判斷左是不是右的實例對象。內(nèi)部機制是通過原型鏈來判斷的
2.instanceof 可以精準判斷引用數(shù)據(jù)類型 Array,F(xiàn)unction,Object,而基本數(shù)據(jù)類型不能被 instanceof 精準判斷,因為它本身不是一個實例對象
console.log(2 instanceof Number);//false
console.log(new Number(2) instanceof Number);//true
console.log('str' instanceof String); //false
console.log(new String('str') instanceof String); //true
console.log([] instanceof Array);//true
console.log([]instanceof Object);//true
console.log({} instanceof Object);//true
console.log({} instanceof Array);//false
console.log(function(){} instanceof Function); // true
在以上代碼中,我們可以看出這個判斷方法還是沒解決實際性的問題,比如我們想判斷null為null,所以接下來介紹一個精確的判斷方法
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等類型,所以我們知道,當我們需要判斷復(fù)雜類型時,或者判斷簡單數(shù)據(jù)類型中的null為null時我們可以用次方法,判斷簡單類型中的其他數(shù)據(jù)類型我們可以用typeof來判斷就可以
關(guān)于JavaScript中的數(shù)據(jù)類型有哪些分類就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。