javascript中類型判斷的最佳方式
更新時間:2022年06月21日 10:22:04 作者:小旭2021
這篇文章介紹了javascript中類型判斷的最佳方式,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
javascript有8種數(shù)據(jù)類型
值類型
- Number
- Null
- Undefined
- String
- Symbol
- Boolean
- BigInt
引用類型
- Object
- Array
- Function
判斷數(shù)據(jù)類型有以下4種判斷方法
第一種方式: typeof
typeof null ---> "object"
typeof undefined ---> "undefined"
typeof true | false ---> 'boolean'
typeof 42 ---> 'number'
typeof "42" ---> 'string'
typeof { name : '1'} | [] ---> 'object'
typeof Symbol ---> 'symbol'
typeof ()=>{} ---> 'function'
typeof void 0 ---> 'undefined'第二種方式 instanceof 但是這種方式只適合判斷object類型
instanceof運算符用來判斷一個構(gòu)造函數(shù)的prototype屬性所指向的對象是否存在另外一個要檢測對象的原型鏈上
詳細介紹請看這里:javascript中的instanceof運算符
比如 : var arr = [] ; arr instanceof Array ---> true null instanceof Object ---> false [function] instanceof Object | Function --> true
第三種方式 Object.prototype.toString.call() 這種方式可以將全部的數(shù)據(jù)類型檢測出來 也是 推薦的方式
因為toString是Object的原型方法, 而 Array Function 等都是Object的實例。都重寫了toString 方法。返回的是類型的字符串
Object.prototype.toString.call(null) ---> [object Null]
Object.prototupe.toString.call(undefined) ---> [object Undefined]
Object.prototype.toString.call(123) ---> [object Number]
Object.prototype.toString.call(true) ---> [object Boolean]
Object.prototype.toString.call('123') ---> [object String]
Object.prototype.toString.call({}) ---> [object Object]
Object.prototype.toString.call([]) ---> [object Array]
Object.prototype.toString.call(Math) ---> [object Math]
Object.prototype.toString.call(function(){}) ---> [object Function]
Objdec.prototype.toString.call(new Date) ---> [object Date]
Object.prototype.toString.call(Symbol()) ---> [object Symbol]第四種方式: constructor 判斷對象的構(gòu)造函。
1. null 是js 原型鏈的起點,沒有構(gòu)造函數(shù) 2. undefined 沒有構(gòu)造函數(shù) 3. [].constructor === Array ---> true 4. [string].constructor === String 5. [object].constructor === object 6. [number].constructor === Number 7. [symbol].constructor === Symbol 8. [function].constructor === Function 9. [new Date].constructor === Date 10. [RegExp].constructor === RegExp
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
JavaScript實現(xiàn)枚舉的幾種方法總結(jié)
在前端開發(fā)中,我們可能經(jīng)常需要用到枚舉,使用枚舉的好處是為了讓代碼的可讀性更強,避免直接使用數(shù)字或未知的字符串,但是在JavaScript中,要自己實現(xiàn)一個枚舉功能,那么大家能想到多少種實現(xiàn)枚舉的方法呢,我將介紹幾種實現(xiàn)枚舉的好方法2023-08-08
js結(jié)合css實現(xiàn)登錄后才能復制的效果實例
很多網(wǎng)站都有登錄后才能復制的限制,什么原理呢?css屬性user-select:none,通常會采用這種方式來禁止復制文本。但瀏覽開發(fā)者工具-審查元素,取消此樣式后,就可以選中文本了。想要完整地禁止復制,還需要通過js控制選擇的內(nèi)容。2023-07-07

