浅析JavaScript中的特殊数据类型


Posted in Javascript onDecember 15, 2017

在JavaScript中,有6大数据类型,分别包括string,number,boolean,undefined,null 和 object

一、JS中的特殊类型:NaN

NaN 即Not a Number , 不是一个数字, 那么NaN到底是什么呢? 而对于JS来说,整数和浮点数都统称为number 类型,除此之外,number 类型还有一个很特殊的值,即NaN,它是用来表示是否属于number 类型的一种状态,而不是一个确切的值(所以,NaN不等于自身)。

那么,NaN值一般会在什么情况下出现呢?

一般有两种情况:

(1) 一个表达式中如果有 减号(-)、乘号(*) 或 除号(/) 等运算符 时,JS引擎会在计算之前试图将运算符两边的变量转化为number类型(使用Number(x)做转化),如果转化失败,表达式将返回NaN;有 加号(+)运算符 不会将其两边的变量转化为number类型,这是因为JS表达式的执行顺序是按照运算符的优先级从左到右依次进行的,如果加号(+) 两边的变量都是number类型时,才会做数字相加运算,如果其中有一个变量是字符串,则会将两边都作为字符串相加,如: 5+4+"6"="96"

(2) 直接使用 parseInt,parseFloat 或 Number 将一个非数字的值转化为数字时,表达式返回 NaN

"abc" - 3  // NaN
parseInt( "abc" ) // NaN
parseFloat( "abc" ) //NaN
Number( "abc" )  //NaN

对于数字+字符的值,其转化结果会有所不同:

Number( "123abc" ); //NaN
parseInt( "123abc" ); //123
parseInt( "123abc45" ); //123
parseFloat( "123.45abc" ); //123.45

这是因为Number转化的整个值,而不是部分值,parseInt 和 parseFloat 只转化第一个无效字符之前的字符串。

因此,当一个字符串不能被Number,parseInt,parseFloat成功转换时,就返回NaN,表示该字符串无法被识别为数字类型,这是一个异常状态,并不是一个确切的值。

所以 NaN != NaN , 因为它是一个异常状态,而不是一个确切的值。

另外,与NaN相关的还有一个函数,即 isNaN() , 它的作用是检查一个字符串是否能被 Number() 成功转换,即强制转化整个字符串。

isNaN( "123" )  //false 能转换
isNaN( "abc" )  //true 不能转换
isNaN( "123abc" )  //true 部分可转换,但整体不能转换
isNaN( "123.45abc" ) //true 部分可转换,但整体不能转换

二、JS中还有另外两个特殊类型:undeinfed 和 null

undefined 是JavaScript 6种数据类型中的一种,该类型只有一个值,也就是undefined。 undefined意为`未定义`,即当使用var声明了变量但未进行赋值时,这个变量的值就是undefined,其产生的原因有两种:

(1)访问对象不存在的属性或方法

(2)声明了变量但从未赋值

var v1,obj = {};
console.log(v1); //undefined
console.log(obj. get ); //undefined
typeof v1; // "undefined"
typeof v2; // "undefined"
typeof obj. get ; // "undefine"
typeof obj ; // "object"

和NaN不同的是,undefined虽然也代表变量的一个状态,但这个状态值是确定唯一的,即当一个变量声明了但没有赋值时,它的状态就是undefined ,因此下面表达式是成立的:

var b;
b == undefined; //true

理解了undefined 以后,再理解null 就容易多了,null类型也只有一个值:null , 表示一个变量中没有包含有效数据。null在这里意为空值、空对象的意思,更确切的说,一个被赋值为null的变量没有保存有效的数值、字符串、布尔、数组或对象等,可以通过给一个变量赋值为null来清空变量中的内容。产生null的原因只有一个:即对一个变量显式的赋值为null 。

var p = null ;
console.log(p); //null
typeof p ; // "object"
typeof null ; // "object"

还是和NaN来比较,null 也是一个确定切唯一的状态值,当一个变量被赋值为null时,那么它就和null相等,因此下面表达式也是成立的:

var obj = null ;
obj == null ; //true

另外:

var  v1 = null;
var v2;
console.log(v1 + 1 ); // 1
console.log(v2 + 1 ); //NaN
var i = i +1;
var j = i+ 1;
console.log(i); // NaN
console.log(j ); //NaN
console.log(i == j ); //false

总结

以上所述是小编给大家介绍的JavaScript中的特殊数据类型,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js获得页面的高度和宽度的方法
Feb 23 Javascript
JavaScript中string转换成number介绍
Dec 31 Javascript
jQuery中:nth-child选择器用法实例
Dec 31 Javascript
js实现String.Fomat的实例代码
Sep 02 Javascript
JS中关于正则的巧妙操作
Aug 31 Javascript
Vue二次封装axios为插件使用详解
May 21 Javascript
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
Sep 30 Javascript
JS实现点击li标签弹出对应的索引功能【案例】
Feb 18 Javascript
基于layui table返回的值的多级嵌套的解决方法
Sep 19 Javascript
微信小程序 this.triggerEvent()的具体使用
Dec 10 Javascript
jQuery实现B2B网站后台管理系统侧导航
Jul 08 jQuery
uniapp,微信小程序中使用 MQTT的问题
Jul 11 Javascript
微信小程序ajax实现请求服务器数据及模版遍历数据功能示例
Dec 15 #Javascript
微信小程序使用request网络请求操作实例
Dec 15 #Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
Dec 15 #Javascript
Angular中管道操作符(|)的使用方法
Dec 15 #Javascript
浅谈Vue SPA 首屏加载优化实践
Dec 15 #Javascript
利用VS Code开发你的第一个AngularJS 2应用程序
Dec 15 #Javascript
Angular2开发环境搭建教程之VS Code
Dec 15 #Javascript
You might like
浅析PHP安装扩展mcrypt以及相关依赖项(PHP安装PECL扩展的方法)
2013/07/05 PHP
详解php中反射的应用
2016/03/15 PHP
详细解读php的命名空间(一)
2018/02/21 PHP
js 鼠标拖动对象 可让任何div实现拖动效果
2009/11/09 Javascript
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
web css实现整站样式互相切换
2013/10/29 Javascript
javascript操纵OGNL标签示例代码
2014/06/16 Javascript
Nodejs学习笔记之Stream模块
2015/01/13 NodeJs
javascript实现图片上传前台页面
2015/08/18 Javascript
移动开发之自适应手机屏幕宽度
2016/11/23 Javascript
jQuery模拟淘宝购物车功能
2017/02/27 Javascript
jQuery实现炫丽的3d旋转星空效果
2018/07/04 jQuery
JavaScript实现异步图像上传功能
2018/07/12 Javascript
Webstorm2016使用技巧(SVN插件使用)
2018/10/29 Javascript
el-table树形表格表单验证(列表生成序号)
2020/05/31 Javascript
前端性能优化建议
2020/09/17 Javascript
vue中封装axios并实现api接口的统一管理
2020/12/25 Vue.js
详解阿里Node.js技术文档之process模块学习指南
2021/01/04 Javascript
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
[15:07]lgd_OG_m2_BP
2019/09/10 DOTA
[39:53]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.19
2020/11/19 DOTA
Python爬取三国演义的实现方法
2016/09/12 Python
Python爬取qq music中的音乐url及批量下载
2017/03/23 Python
使用实现pandas读取csv文件指定的前几行
2018/04/20 Python
python爬虫实例详解
2018/06/19 Python
python多线程案例之多任务copy文件完整实例
2019/10/29 Python
Python loguru日志库之高效输出控制台日志和日志记录
2020/03/07 Python
完美解决jupyter由于无法import新包的问题
2020/05/26 Python
python中def是做什么的
2020/06/10 Python
市委常委会班子党的群众路线教育实践活动整改方案
2014/10/25 职场文书
2014年帮扶工作总结
2014/11/26 职场文书
公司联欢会主持词
2015/07/04 职场文书
志愿者工作心得体会
2016/01/15 职场文书
详解RedisTemplate下Redis分布式锁引发的系列问题
2021/04/27 Redis
Python必备技巧之字符数据操作详解
2022/03/23 Python
Windows Server 2008 修改远程登录端口以及配置防火墙
2022/04/28 Servers