浅析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代码
Apr 23 Javascript
Jquery 插件学习实例1 插件制作说明与tableUI优化
Apr 02 Javascript
图片上传判断及预览脚本的效果实例
Aug 07 Javascript
javascript关于open.window子页面执行完成后刷新父页面的问题分析
Apr 27 Javascript
JS深度拷贝Object Array实例分析
Mar 31 Javascript
AngularJS基础 ng-click 指令示例代码
Aug 01 Javascript
JS实现根据文件字节数返回文件大小的方法
Aug 02 Javascript
关于vue-resource报错450的解决方案
Jul 24 Javascript
详解Node.js中的Async和Await函数
Feb 22 Javascript
JavaScript Dom 绑定事件操作实例详解
Oct 02 Javascript
JavaScript实现网页动态生成表格
Nov 25 Javascript
vue-cli 3如何使用vue-bootstrap-datetimepicker日期插件
Feb 20 Vue.js
微信小程序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
sphinx增量索引的一个问题
2011/06/14 PHP
php cc攻击代码与防范方法
2012/10/18 PHP
解析php开发中的中文编码问题
2013/08/08 PHP
php使用ereg验证文件上传的方法
2014/12/16 PHP
PHP curl模拟登录带验证码的网站
2015/11/30 PHP
Javascript 实现的数独解题算法网页实例
2013/10/15 Javascript
node.js+Ajax实现获取HTTP服务器返回数据
2014/11/26 Javascript
JavaScript检测字符串中是否含有html标签实现方法
2015/07/01 Javascript
详解JavaScript ES6中的Generator
2015/07/28 Javascript
js实现文本框宽度自适应文本宽度的方法
2015/08/13 Javascript
逐一介绍Jquery data()、Jquery stop()、jquery delay()函数(详)
2015/11/04 Javascript
javascript如何写热点图
2015/12/08 Javascript
JS HTML5实现拖拽移动列表效果
2020/08/27 Javascript
纯javascript版日历控件
2016/11/24 Javascript
vue.js动画中的js钩子函数的实现
2018/07/06 Javascript
vue定义全局变量和全局方法的方法示例
2018/08/01 Javascript
详解VS Code使用之Vue工程配置format代码格式化
2019/03/20 Javascript
element-ui组件中input等的change事件中传递自定义参数
2019/05/22 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
js对象简介与基本用法示例
2020/03/13 Javascript
微信小程序自定义yPicker组件实现省市区三级联动功能
2020/10/29 Javascript
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
python基于multiprocessing的多进程创建方法
2015/06/04 Python
python中子类继承父类的__init__方法实例
2016/12/15 Python
Python爬虫 scrapy框架爬取某招聘网存入mongodb解析
2019/07/31 Python
flask实现验证码并验证功能
2019/12/05 Python
python 使用递归实现打印一个数字的每一位示例
2020/02/27 Python
HTML5离线应用与客户端存储的实现
2018/05/03 HTML / CSS
介绍Ibatis的核心类
2013/11/18 面试题
JSP和EJB可以共享HttpSession么?EJB里面可以改变session里面的内容
2013/06/05 面试题
畜牧兽医本科生个人的自我评价
2013/10/11 职场文书
在校学生职业规划范文
2014/01/08 职场文书
党的群众路线教育实践活动对照检查材料思想汇报
2014/09/19 职场文书
地道战观后感
2015/06/04 职场文书
2016暑期政治学习心得体会
2016/01/23 职场文书
yolov5返回坐标的方法实例
2022/03/17 Python