js基礎(chǔ)--數(shù)據(jù)類型檢測的相關(guān)知識(shí)

MangoGoing 發(fā)布于2019-08-26 13:35 / 892人閱讀

摘要：話不多說，我們開干，加油干貨滿滿今天，我們一起學(xué)習(xí)一下中的數(shù)據(jù)類型檢測相關(guān)的知識(shí)，也順便做個(gè)總結(jié)。基本數(shù)據(jù)類型又包括，還有一個(gè)新增的，我們這先不說。

歡迎訪問我的個(gè)人博客：http://www.xiaolongwu.cn

前言

最近工作有點(diǎn)忙，好幾天都沒更新技術(shù)博客了。

周末起床打開有道云筆記，發(fā)現(xiàn)自己的博客todolist里躺了一堆只有名字的文件。

話不多說，我們開干，加油！

干貨滿滿

今天，我們一起學(xué)習(xí)一下js中的數(shù)據(jù)類型檢測相關(guān)的知識(shí)，也順便做個(gè)總結(jié)。

1、數(shù)據(jù)類型介紹

我們都知道，在js中分為基本數(shù)據(jù)類型和復(fù)雜數(shù)據(jù)類型。

基本數(shù)據(jù)類型又包括 Sting Number Boolean Null Undefined ，還有一個(gè)es6新增的Symbol，我們這先不說。

復(fù)雜數(shù)據(jù)類型只有一種，那就是Object。

我們平時(shí)見到的數(shù)組Array、正則RegExp、時(shí)間對(duì)象Date、函數(shù)Function等都屬于Object。

2、如何判斷基本數(shù)據(jù)類型

這點(diǎn)想必大家都知道，但是我還是要在這里啰嗦一下。

判斷基本數(shù)據(jù)類型我們可以選擇typeof來判斷。

這里需要注意就是返回值，他的返回值為小寫字母開頭的字符串。

//字符串
typeof "leon"  // "sting"

//整數(shù)
typeof 22  // "number"

//undefined
typeof undefined  // "undefined"

//Boolean
typeof true  // "boolean"

//Null
typeof null  // "object" 這為什么是object ？
// 因?yàn)閚ull表示的是一個(gè)空指針，指針表示的是引用型數(shù)據(jù)，所以返回object

//Object
typeof [1,2.3]      //"object" 
typeof {a: "ww"}    //"object" 
typeof new Date()   //"object" 

//function
typeof function(){}     //"function"

3、instanceof

instanceof是用來檢測引用類型，檢測是那種類型的實(shí)例。

他的返回值為Boolean值，真為true，否則為false。

不能檢測null，會(huì)報(bào)錯(cuò)。

// 這種檢測方式一般不常用
[1, 2] instanceof Array  //true

({a: 1}) instanceof Object  //true

(function(){}) instanceof Function  //true

4、Constructor

返回結(jié)果為構(gòu)造器，也可以檢測自定義類型；

但是不適用于null和undefined。

"leon".constructor == String // true
(1234).constructor == Number // true
(true).constructor == Boolean // true
[1, 2].constructor == Array // true
({name:"leon"}).constructor == Object // true
(function(){}).constructor == Function // true

檢測自定義類型

function Leon(){}
var leon = new Leon();
leon.constructor == Leon;  // true

5、Object.prototype.toString.call(obj)

這種方式是最權(quán)威的，也是很多框架插件中用到的方法，推薦使用；

Object.prototype.toString.call("leon"); //"[object String]"
Object.prototype.toString.call(1234);  //"[object Number]"
Object.prototype.toString.call(true); //"[object Boolean]"
Object.prototype.toString.call([1,2,3]); //"[object Array]"
Object.prototype.toString.call({name:"leon"}); //"[object Object]"
Object.prototype.toString.call(function(){}); //"[object Function]"
Object.prototype.toString.call(null); //"[object Null]"
Object.prototype.toString.call(undefined); //"[object Undefined]"

實(shí)際使用時(shí)，可以這么寫

var test = Object.prototype.toString.call("leon");
if(test == "[object String]") {
    console.log("這是個(gè)字符串")
}

//當(dāng)然我們也可以選擇用正則去判斷第二個(gè)單詞，從而得到數(shù)據(jù)的類型

github文章資源地址：js基礎(chǔ)--數(shù)據(jù)類型檢測的相關(guān)知識(shí)

我的CSDN博客地址：https://blog.csdn.net/wxl1555

如果您對(duì)我的博客內(nèi)容有疑惑或質(zhì)疑的地方，請(qǐng)?jiān)谙路皆u(píng)論區(qū)留言，或郵件給我，共同學(xué)習(xí)進(jìn)步。

郵箱：wuxiaolong802@163.com