电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

JavaScript 判斷數據類型的4種方法

瀏覽:94日期:2023-10-14 10:30:56

本文提供四種方法判斷js數據類型,這里記錄了它們之間的差異,分別是 typeof 運算符、instanceof 運算符、constructor 屬性、Object.prototype.toString 方法。

一、使用 typeof 判斷數據類型

console.log(’測試 Number ->’, typeof 1); // numberconsole.log(’測試 Boolean ->’, typeof true); // booleanconsole.log(’測試 String ->’, typeof ’’); // stringconsole.log(’測試 null ->’, typeof null); // objectconsole.log(’測試 undefined ->’, typeof undefined); // undefinedconsole.log(’測試 NaN ->’, typeof NaN); // numberconsole.log(’測試 function ->’, typeof function () { }); // functionconsole.log(’測試 Object ->’, typeof {}); // objectconsole.log(’測試 Array ->’, typeof []); // objectconsole.log(’測試 Date ->’, typeof new Date()); // objectconsole.log(’測試 Error ->’, typeof new Error()); // objectconsole.log(’測試 RegExp ->’, typeof new RegExp()); // objectconsole.log(’測試 Symbol ->’, typeof Symbol()); // symbolconsole.log(’測試 Map ->’, typeof new Map()); // objectconsole.log(’測試 Set ->’, typeof new Set()); // object

控制臺輸出如下:

測試 Number -> number測試 Boolean -> boolean測試 String -> string測試 null -> object測試 undefined -> undefined測試 NaN -> number測試 function -> function測試 Object -> object測試 Array -> object測試 Date -> object測試 Error -> object測試 RegExp -> object測試 Symbol -> symbol測試 Map -> object測試 Set -> object

總結:

1、typeof只能判斷:

String(返回string), Number(返回number), Boolean(返回boolean), undefined(返回undefined), function(返回function), Symbol(返回symbol)

2、對于new構造出來的都是返回object

3、對于Object和Array都是返回object

二、使用 instanceof 判斷數據類型

console.log(’測試 Number ->’, 1 instanceof Number); // falseconsole.log(’測試 Boolean ->’, true instanceof Boolean); // falseconsole.log(’測試 String ->’, ’’ instanceof String); // false// console.log(’測試 null ->’, null instanceof null); // TypeError: Cannot read property ’constructor’ of null// console.log(’測試 undefined ->’, undefined instanceof undefined); // TypeError: Cannot read property ’constructor’ of undefinedconsole.log(’測試 NaN ->’, NaN instanceof Number); // falseconsole.log(’測試 function ->’, function () { } instanceof Function); // trueconsole.log(’測試 Object ->’, {} instanceof Object); // trueconsole.log(’測試 Array ->’, [] instanceof Array); // trueconsole.log(’測試 Date ->’, new Date() instanceof Date); // trueconsole.log(’測試 Error ->’, new Error() instanceof Error); // trueconsole.log(’測試 RegExp ->’, new RegExp() instanceof RegExp); // trueconsole.log(’測試 Symbol ->’, Symbol() instanceof Symbol); // falseconsole.log(’測試 Map ->’, new Map() instanceof Map); // trueconsole.log(’測試 Set ->’, new Set() instanceof Set); // trueconsole.log(’測試 new Number ->’, new Number(1) instanceof Number); // trueconsole.log(’測試 new Boolean ->’, new Boolean(true) instanceof Boolean); // trueconsole.log(’測試 new String ->’, new String(’’) instanceof String); // true

控制臺輸出如下:

測試 Number -> false測試 Boolean -> false測試 String -> false測試 NaN -> false測試 function -> true測試 Object -> true測試 Array -> true測試 Date -> true測試 Error -> true測試 RegExp -> true測試 Symbol -> false測試 Map -> true測試 Set -> true測試 new Number -> true測試 new Boolean -> true測試 new String -> true

總結:

1、不能判斷 null,undefined

2、基本數據類型 Number,String,Boolean 不能被判斷

3、instanceof 用來判斷對象是否為某一數據類型的實例,上例中1,true,’’不是實例,所以判斷為false

三、使用 constructor 判斷數據類型

console.log(’測試 Number ->’, (1).constructor === Number); // trueconsole.log(’測試 Boolean ->’, true.constructor === Boolean); // trueconsole.log(’測試 String ->’, ’’.constructor === String); // true// console.log(’測試 null ->’, null.constructor === null); // TypeError: Cannot read property ’constructor’ of null// console.log(’測試 undefined ->’, undefined.constructor); // TypeError: Cannot read property ’constructor’ of undefinedconsole.log(’測試 NaN ->’, NaN.constructor === Number); // true 注意:NaN和infinity一樣是Number類型的一個特殊值console.log(’測試 function ->’, function () { }.constructor === Function); // trueconsole.log(’測試 Object ->’, {}.constructor === Object); // trueconsole.log(’測試 Array ->’, [].constructor === Array); // trueconsole.log(’測試 Date ->’, new Date().constructor === Date); // trueconsole.log(’測試 Error ->’, new Error().constructor === Error); // trueconsole.log(’測試 RegExp ->’, new RegExp().constructor === RegExp); // trueconsole.log(’測試 Symbol ->’, Symbol().constructor === Symbol); // trueconsole.log(’測試 Map ->’, new Map().constructor === Map); // trueconsole.log(’測試 Set ->’, new Set().constructor === Set); // true

控制臺輸出如下:

測試 Number -> true測試 Boolean -> true測試 String -> true測試 NaN -> true測試 function -> true測試 Object -> true測試 Array -> true測試 Date -> true測試 Error -> true測試 RegExp -> true測試 Symbol -> true測試 Map -> true測試 Set -> true

總結:

不能判斷null,undefined,其它的都可以

四、使用 Object.prototype.toString 判斷數據類型

console.log(’測試 Number ->’, Object.prototype.toString.call(1)); // [object Number]console.log(’測試 Boolean ->’, Object.prototype.toString.call(true)); // [object Boolean]console.log(’測試 String ->’, Object.prototype.toString.call(’’)); // [object String]console.log(’測試 null ->’, Object.prototype.toString.call(null)); // [object Null]console.log(’測試 undefined ->’, Object.prototype.toString.call(undefined)); // [object Undefined]console.log(’測試 NaN ->’, Object.prototype.toString.call(NaN)); // [object Number]console.log(’測試 function ->’, Object.prototype.toString.call(function () { })); // [object Function]console.log(’測試 Object ->’, Object.prototype.toString.call({})); // [object Object]console.log(’測試 Array ->’, Object.prototype.toString.call([])); // [object Array]console.log(’測試 Date ->’, Object.prototype.toString.call(new Date())); // [object Date]console.log(’測試 Error ->’, Object.prototype.toString.call(new Error())); // [object Error]console.log(’測試 RegExp ->’, Object.prototype.toString.call(new RegExp())); // [object RegExp]console.log(’測試 Symbol ->’, Object.prototype.toString.call(Symbol())); // [object Symbol]console.log(’測試 Map ->’, Object.prototype.toString.call(new Map())); // [object Map]console.log(’測試 Set ->’, Object.prototype.toString.call(new Set())); // [object Set]

控制臺輸出如下:

測試 Number -> [object Number]測試 Boolean -> [object Boolean]測試 String -> [object String]測試 null -> [object Null]測試 undefined -> [object Undefined]測試 NaN -> [object Number]測試 function -> [object Function]測試 Object -> [object Object]測試 Array -> [object Array]測試 Date -> [object Date]測試 Error -> [object Error]測試 RegExp -> [object RegExp]測試 Symbol -> [object Symbol]測試 Map -> [object Map]測試 Set -> [object Set]

總結:

目前最完美的判斷數據類型的方法

結語:以上為筆者的測試和總結。如有誤或不完整地方,歡迎各位老鐵指正。

以上就是JavaScript 判斷數據類型的4種方法的詳細內容,更多關于JavaScript判斷數據類型的資料請關注好吧啦網其它相關文章!

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 防爆正压柜厂家_防爆配电箱_防爆控制箱_防爆空调_-盛通防爆 | 伟秀电气有限公司-10kv高低压开关柜-高低压配电柜-中置柜-充气柜-欧式箱变-高压真空断路器厂家 | ge超声波测厚仪-电动涂膜机-电动划格仪-上海洪富 | 阳光模拟试验箱_高低温试验箱_高低温冲击试验箱_快速温变试验箱|东莞市赛思检测设备有限公司 | 自进式锚杆-自钻式中空注浆锚杆-洛阳恒诺锚固锚杆生产厂家 | 冷藏车-东风吸污车-纯电动环卫车-污水净化车-应急特勤保障车-程力专汽厂家-程力专用汽车股份有限公司销售二十一分公司 | 油罐车_加油机_加油卷盘_加油机卷盘_罐车人孔盖_各类球阀_海底阀等车用配件厂家-湖北华特专用设备有限公司 | 西安文都考研官网_西安考研辅导班_考研培训机构_西安在职考研培训 | 减速机电机一体机_带电机减速器一套_德国BOSERL电动机与减速箱生产厂家 | 上海小程序开发-小程序制作-上海小程序定制开发公司-微信商城小程序-上海咏熠 | 防水套管厂家_刚性防水套管_柔性防水套管_不锈钢防水套管-郑州中泰管道 | 并网柜,汇流箱,电控设备,中高低压开关柜,电气电力成套设备,PLC控制设备订制厂家,江苏昌伟业新能源科技有限公司 | 伺服电机维修、驱动器维修「安川|三菱|松下」伺服维修公司-深圳华创益 | 飞飞影视_热门电影在线观看_影视大全 | 走心机厂家,数控走心机-台州博城智能科技有限公司| 上海质量认证办理中心| 充气膜专家-气膜馆-PTFE膜结构-ETFE膜结构-商业街膜结构-奥克金鼎 | 精雕机-火花机-精雕机 cnc-高速精雕机-电火花机-广东鼎拓机械科技有限公司 | 微型气泵-真空-蠕动-水泵-厂家-深圳市品亚科技有限公司 | 游动电流仪-流通式浊度分析仪-杰普仪器(上海)有限公司 | TwistDx恒温扩增-RAA等温-Jackson抗体-默瑞(上海)生物科技有限公司 | 煤矿支护网片_矿用勾花菱形网_缝管式_管缝式锚杆-邯郸市永年区志涛工矿配件有限公司 | X光检测仪_食品金属异物检测机_X射线检测设备_微现检测 | 流量检测仪-气密性检测装置-密封性试验仪-东莞市奥图自动化科技有限公司 | 隐形纱窗|防护纱窗|金刚网防盗纱窗|韦柏纱窗|上海青木装潢制品有限公司|纱窗国标起草单位 | 盘式曝气器-微孔曝气器-管式曝气器-曝气盘-斜管填料 | 郑州市前程水处理有限公司 | 成都办公室装修-办公室设计-写字楼装修设计-厂房装修-四川和信建筑装饰工程有限公司 | 哈希余氯测定仪,分光光度计,ph在线监测仪,浊度测定仪,试剂-上海京灿精密机械有限公司 | 上海公司注册-代理记账-招投标审计-上海昆仑扇财税咨询有限公司 上海冠顶工业设备有限公司-隧道炉,烘箱,UV固化机,涂装设备,高温炉,工业机器人生产厂家 | 工业洗衣机_工业洗涤设备_上海力净工业洗衣机厂家-洗涤设备首页 bkzzy在职研究生网 - 在职研究生招生信息咨询平台 | 菏泽商标注册_菏泽版权登记_商标申请代理_菏泽商标注册去哪里 | EDLC超级法拉电容器_LIC锂离子超级电容_超级电容模组_软包单体电容电池_轴向薄膜电力电容器_深圳佳名兴电容有限公司_JMX专注中高端品牌电容生产厂家 | 九爱图纸|机械CAD图纸下载交流中心| 论文查重_免费论文查重_知网学术不端论文查重检测系统入口_论文查重软件 | T恤衫定做,企业文化衫制作订做,广告T恤POLO衫定制厂家[源头工厂]-【汉诚T恤定制网】 | 警方提醒:赣州约炮论坛真的安全吗?2025年新手必看的网络交友防坑指南 | 杭州中央空调维修_冷却塔/新风机柜/热水器/锅炉除垢清洗_除垢剂_风机盘管_冷凝器清洗-杭州亿诺能源有限公司 | 工作心得_读书心得_学习心得_找心得体会范文就上学道文库 | 壹车网 | 第一时间提供新车_资讯_报价_图片_排行! | LZ-373测厚仪-华瑞VOC气体检测仪-个人有毒气体检测仪-厂家-深圳市深博瑞仪器仪表有限公司 | 【星耀裂变】_企微SCRM_任务宝_视频号分销裂变_企业微信裂变增长_私域流量_裂变营销 |