浅析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防止表单重复提交的两种方法
Sep 30 Javascript
简单分析javascript面向对象与原型
May 21 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
Jun 19 Javascript
js实现仿爱微网两级导航菜单效果代码
Aug 31 Javascript
Angular ng-repeat 对象和数组遍历实例
Sep 14 Javascript
JQuery页面随滚动条动态加载效果的简单实现(推荐)
Feb 08 Javascript
Layui数据表格之获取表格中所有的数据方法
Aug 20 Javascript
详解jQuery中的easyui
Sep 02 jQuery
layui实现下拉复选功能的例子(包括数据的回显与上传)
Sep 24 Javascript
jdk1.8+vue elementui实现多级菜单功能
Sep 24 Javascript
JavaScript实现网页下拉菜单效果
Nov 20 Javascript
动态实现element ui的el-table某列数据不同样式的示例
Jan 22 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
phpMyAdmin自动登录和取消自动登录的配置方法
2014/05/12 PHP
php实现表单多按钮提交action的处理方法
2015/10/24 PHP
php简单日历函数
2015/10/28 PHP
Yii视图操作之自定义分页实现方法
2016/07/14 PHP
PHP+Mysql无刷新问答评论系统(源码)
2016/12/20 PHP
vmware linux系统安装最新的php7图解
2019/04/14 PHP
DEFER怎么用?
2006/07/01 Javascript
javascript 获取select下拉列表值的代码
2009/09/07 Javascript
从jquery的过滤器.filter()方法想到的
2013/09/29 Javascript
JS截取字符串实例详解
2015/11/24 Javascript
javascript实现网页中涉及的简易运动(改变宽高、透明度、位置)
2015/11/29 Javascript
Bootstrap所支持的表单控件实例详解
2016/05/16 Javascript
利用express启动一个server服务的方法
2017/09/17 Javascript
详解基于Koa2开发微信二维码扫码支付相关流程
2018/05/16 Javascript
部署vue+Springboot前后端分离项目的步骤实现
2020/05/31 Javascript
vue商城中商品“筛选器”功能的实现代码
2020/07/01 Javascript
vue实现简单加法计算器
2020/10/22 Javascript
Python中使用dom模块生成XML文件示例
2015/04/05 Python
python文件的md5加密方法
2016/04/06 Python
python实现年会抽奖程序
2019/01/22 Python
Python Django框架防御CSRF攻击的方法分析
2019/10/18 Python
Pytorch 神经网络—自定义数据集上实现教程
2020/01/07 Python
关于tf.reverse_sequence()简述
2020/01/20 Python
Anaconda和ipython环境适配的实现
2020/04/22 Python
python中取绝对值简单方法总结
2020/07/24 Python
10款最佳Python开发工具推荐,每一款都是神器
2020/10/15 Python
Python字符串的15个基本操作(小结)
2021/02/03 Python
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
土耳其国际性时尚购物网站:Modanisa
2018/01/19 全球购物
澳大利亚工具仓库:Tools Warehouse
2018/10/15 全球购物
英国领先品牌手动工具和电动工具供应商:Tooled Up
2018/11/24 全球购物
同学会主持词
2014/03/18 职场文书
汇源肾宝广告词
2014/03/20 职场文书
springboot使用Redis作缓存使用入门教程
2021/07/25 Redis
2022漫威和DC电影上映作品
2022/04/05 欧美动漫
Python OpenCV之常用滤波器使用详解
2022/04/07 Python