浅析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高级技巧
Dec 20 Javascript
jquery利用ajax调用后台方法实例
Aug 23 Javascript
js点击出现悬浮窗效果不使用JQuery插件
Jan 20 Javascript
Javascript中实现String.startsWith和endsWith方法
Jun 10 Javascript
学习掌握JavaScript中this的使用技巧
Aug 29 Javascript
AnjularJS中$scope和$rootScope的区别小结
Sep 18 Javascript
基于jQuery插件jqzoom实现的图片放大镜效果示例
Jan 23 Javascript
浅谈js-FCC算法Friendly Date Ranges(详解)
Apr 10 Javascript
微信小程序实现点击返回顶层的方法
Jul 12 Javascript
JS实现下拉菜单列表与登录注册弹窗效果
Aug 10 Javascript
vue实现五子棋游戏
May 28 Javascript
JavaScript实现10秒后再次获取验证码
Dec 02 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
德生S2000电路分析
2021/03/02 无线电
通过PHP current函数获取未知字符键名数组第一个元素的值
2013/06/24 PHP
php json转换相关知识(小结)
2018/12/21 PHP
PHP实现支持CURL字符串证书传输的方法
2019/03/23 PHP
PHP7 安装event扩展的实现方法
2019/10/08 PHP
javascript针对不确定函数的执行方法
2015/12/16 Javascript
JavaScript类型系统之正则表达式
2016/01/05 Javascript
基于javascript实现右下角浮动广告效果
2016/01/08 Javascript
jQuery实现的兼容性浮动层示例
2016/08/02 Javascript
BootStrap入门教程(二)之固定的内置样式
2016/09/19 Javascript
原生JS实现网络彩票投注效果
2016/09/25 Javascript
Angularjs实现搜索关键字高亮显示效果
2017/01/17 Javascript
jQuery实现滑动星星评分效果(每日分享)
2019/11/13 jQuery
[01:50]2014DOTA2西雅图邀请赛 专访欢乐周宝龙
2014/07/08 DOTA
py2exe 编译ico图标的代码
2013/03/08 Python
python中readline判断文件读取结束的方法
2014/11/08 Python
python 获取指定文件夹下所有文件名称并写入列表的实例
2018/04/23 Python
详解Django+Uwsgi+Nginx的生产环境部署
2018/06/25 Python
详解Appium+Python之生成html测试报告
2019/01/04 Python
pyqt远程批量执行Linux命令程序的方法
2019/02/14 Python
Pandas之Dropna滤除缺失数据的实现方法
2019/06/25 Python
python输出国际象棋棋盘的实例分享
2020/11/26 Python
Html5 Canvas 实现一个“刮刮乐”游戏
2019/09/05 HTML / CSS
西班牙家用电器和电子产品购物网站:Mi Electro
2019/02/25 全球购物
自主招生自荐信指南
2014/02/04 职场文书
聘任书的写作格式及范文
2014/03/29 职场文书
论文指导教师评语
2014/04/28 职场文书
学校开学标语
2014/10/06 职场文书
2014幼儿园小班工作总结
2014/11/10 职场文书
教师个人学习总结
2015/02/11 职场文书
公司催款律师函
2015/05/27 职场文书
退货证明模板
2015/06/23 职场文书
个人收入证明格式
2015/06/24 职场文书
处罚决定书范文
2015/06/24 职场文书
2016年五一促销广告语
2016/01/28 职场文书
Nginx URL重写rewrite机制原理及使用实例
2021/04/01 Servers