javascript基本数据类型及类型检测常用方法小结

发布时间 - 2026-01-10 21:48:52    点击率:

本文实例讲述了javascript中的基本数据类型以及类型检测的几种方法。分享给大家供大家参考,具体如下:

1.JS中有6种基本的数据类型,JS中的所有操作都是基于这五种基本类型得到的。

(1)Object

对象类型

(2)number

数字类型

(3)String

字符串类型

(4)null

(5)underfined

(6)boolean

布尔类型:true或者为false

I)JS中的数据类型转换(非严格模式下)

“12”==12 // true 在非严格模式下,字符串可以向数字转换
true==1 // true 布尔值在等号两边会尝试转换为0或者1
“1”==true //true
null==underfined //true
new Object()==new Object() //true
NaN==NaN //false

II)JS中的数据类型转换(非严格模式下)

上述中的等号均不成立

注:特别的如果为基本类型中的string或者number,在必要的情况下,可以将string或者number转化为对象object类型,转化不是持续的。

比如:

var x=”hello” ; alert(a.length) // 5

数据类型中的隐式转化补充:

“32”+32 //转化为string
"32"-32 //转化为number

JS中的类型检测方法

(1)通过typeof来进行类型检测

我们先来看几个例子:

typeof 100 —->number

typeof “hello” ——>string

typeof true —–> boolean

typeof Number ——>function

typeof new Object()——->object

typeof Object ——->function

typeof null ——–>object

typeof underfined ——–>underfined

总结:如果右边的是基本类型,则typeof会尝试得到最基本的类型,比如number,string等等,如果是函数名,那么则返回function,这里Object,Number,String,等等都可以看成函数名,如果右边是一个基本的对象,则返回object(返回的都是小写哦)。

注:我们发现typeof null,结果返回了object,这是一个很早之前的BUG,一直沿用至今

试用范围:如果通过typeof来判断类型,适用于判定基本类型,或者判断是否为函数(function)。

2.instanceof

同样举例来说明:

[1,2] instanceof Array ——> true

“1,2” instanceof Array ——->false

总结:instanceof 会沿着原型链查找,如果左边对象的原型链上,具有右边的对象,那么会返回true,并且注意只用于判断扩展的对象类型(非number,string等)

比如:

instanceof Number —–> false
"hell"  instanceof String  ------>string

补充:instanceof的右边必须是函数,或者是构造器,如果不是则会报错,检测的是左边的对象的原型链上,是否有右边函数的prototype。

3.Object.prototype.toString

通过对象原型上的toSting方法,同样也可以判断类型,我们来举例子:

Object.prototype.toString.apply([]) ——>[object Object]

Object.prototype.toString.apply(function(){}) —->[object Function]

Object.prototype.toString.apply(Number) ——->[object Function]

Object.prototype.toString.apply(String) ——–>[object Function]

Object.prototype.toString.apply(null) ———–>[object Null]

Object.prototype.toString.apply(undefined)–>[object Undefined]

使用类型:原生对象和基本类型

此外还有

(4)constructor

(5)duck type等

更多关于JavaScript相关内容可查看本站专题:《javascript面向对象入门教程》、《JavaScript中json操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。


# javascript  # 数据类型  # 类型检测  # JS中检测数据类型的几种方式及优缺点小结  # 浅谈javascript的数据类型检测  # 关于JS数据类型检测的多种方式总结  # js数据类型检测总结  # JavaScript中检测数据类型的四种方法  # 在javaScript中检测数据类型的几种方式小结  # JavaScript数据类型检测代码分享  # js学习总结_基于数据类型检测的四种方式(必看)  # JS数组索引检测中的数据类型问题详解  # js中各种数据类型检测和判定的实战示例  # 的是  # 都是  # 转化为  # 模式下  # 是一个  # 几个  # 相关内容  # 遍历  # 中有  # 适用于  # 这是一个  # 数据结构  # 给大家  # 或者是  # 布尔  # 如果不是  # 报错  # 更多关于  # 很早  # 转换为 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 晋江文学城电脑版官网 晋江文学城网页版直接进入  laravel怎么配置和使用PHP-FPM来优化性能_laravel PHP-FPM配置与性能优化方法  Laravel安装步骤详细教程_Laravel环境搭建指南  Laravel如何连接多个数据库_Laravel多数据库连接配置与切换教程  Laravel API资源(Resource)怎么用_格式化Laravel API响应的最佳实践  怎么用AI帮你为初创公司进行市场定位分析?  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  利用JavaScript实现拖拽改变元素大小  Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】  宙斯浏览器视频悬浮窗怎么开启 边看视频边操作其他应用教程  Laravel API资源类怎么用_Laravel API Resource数据转换  如何在Tomcat中配置并部署网站项目?  ,南京靠谱的征婚网站?  网站制作壁纸教程视频,电脑壁纸网站?  如何用AI帮你把自己的生活经历写成一个有趣的故事?  如何用y主机助手快速搭建网站?  Laravel怎么配置S3云存储驱动_Laravel集成阿里云OSS或AWS S3存储桶【教程】  javascript和jQuery中的AJAX技术详解【包含AJAX各种跨域技术】  Windows Hello人脸识别突然无法使用  laravel怎么使用数据库工厂(Factory)生成带有关联模型的数据_laravel Factory生成关联数据方法  Laravel如何生成URL和重定向?(路由助手函数)  如何快速辨别茅台真假?关键步骤解析  如何在IIS中新建站点并配置端口与IP地址?  如何自定义safari浏览器工具栏?个性化设置safari浏览器界面教程【技巧】  iOS中将个别页面强制横屏其他页面竖屏  Laravel怎么为数据库表字段添加索引以优化查询  Laravel DB事务怎么使用_Laravel数据库事务回滚操作  微信小程序 HTTPS报错整理常见问题及解决方案  如何在阿里云域名上完成建站全流程?  如何在Windows环境下新建FTP站点并设置权限?  黑客入侵网站服务器的常见手法有哪些?  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?  深圳网站制作设计招聘,关于服装设计的流行趋势,哪里的资料比较全面?  Laravel Eloquent访问器与修改器是什么_Laravel Accessors & Mutators数据处理技巧  Win11怎么查看显卡温度 Win11任务管理器查看GPU温度【技巧】  浏览器如何快速切换搜索引擎_在地址栏使用不同搜索引擎【搜索】  ,怎么在广州志愿者网站注册?  Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道  使用spring连接及操作mongodb3.0实例  java获取注册ip实例  如何在IIS中配置站点IP、端口及主机头?  北京网站制作的公司有哪些,北京白云观官方网站?  JavaScript中如何操作剪贴板_ClipboardAPI怎么用  LinuxCD持续部署教程_自动发布与回滚机制  如何自定义建站之星网站的导航菜单样式?  教学论文网站制作软件有哪些,写论文用什么软件 ?  Laravel如何实现全文搜索功能?(Scout和Algolia示例)  合肥制作网站的公司有哪些,合肥聚美网络科技有限公司介绍?  Laravel怎么进行数据库回滚_Laravel Migration数据库版本控制与回滚操作  Laravel distinct去重查询_Laravel Eloquent去重方法