JavaScript監(jiān)測(cè)數(shù)據(jù)類型方法全面總結(jié)

更新時(shí)間：2023年08月25日 11:32:13 作者：loong

這篇文章主要為大家介紹了JavaScript監(jiān)測(cè)數(shù)據(jù)類型方法示例全面總結(jié),有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

需要檢測(cè)類型

需要檢測(cè)是不是 number string boolean undefined function

使用typeOf 檢測(cè)

使用typeOf 檢測(cè)是有局限性的比如數(shù)組、對(duì)象等引用類型檢測(cè)出來(lái)都是Object

console.log(typeOf 123) // Number
console.log(typeOf '123') // String 
console.log(typeOf NaN) // Number
console.log(typeOf true) // Boolean
console.log(typeOf undefined) // Undefined
console.log(typeOf function(){}) // Function

console.log(typeOf null) // Object
console.log(typeOf {}) // Object
console.log(typeOf []) // Object

使用 instanceof 檢測(cè)

使用 instanceof 檢測(cè) 某個(gè)對(duì)象是否屬于某個(gè)類的實(shí)例但是檢測(cè) 數(shù)組、對(duì)象、函數(shù) 等引用類型檢測(cè)出來(lái)也是Object

console.log({}.instanceof Object) // true
console.log([].instanceof Array) // true
console.log(123.instanceof Number) // 報(bào)錯(cuò)

使用 construct 檢測(cè)

使用 construct 檢測(cè) 可以根據(jù)原型對(duì)象檢測(cè)

console.log({}.construct === Object) // true
console.log([].construct === Array) // true
console.log(123.construct === Number) // 報(bào)錯(cuò)

目前準(zhǔn)確的檢：Object.prototype.toString.call()

console.log(Object.prototype.toString.call(123)) // [object Number]
console.log(Object.prototype.toString.call('ok')) // [object String]
console.log(Object.prototype.toString.call(true)) // [object Boolean]
console.log(Object.prototype.toString.call([]) // [object Array]
console.log(Object.prototype.toString.call({}) // [object Object]
console.log(Object.prototype.toString.call(function(){}) // [object Function]
console.log(Object.prototype.toString.call(/abc/) // [object RegExp]
console.log(Object.prototype.toString.call(null) // [object Null]
console.log(Object.prototype.toString.call(undefined) // [object Undefined]
let d= new Date()
console.log(Object.prototype.toString.call(d) // [object Date]
let s = Symbol
console.log(Object.prototype.toString.call(s) // [object Symbol]