JS 数字转换研究总结


Posted in Javascript onDecember 26, 2013

JS 转换数据为数字的方法有三类五种,包括:

•强制转换,JS 的基本数据类型都这以这样转换成对应的类型(Number(v))
•原生函数,这两个函数有不一样的结果(parseInt(v,radix)、parseFloat(v))
•隐式转换,在执行的时候 JS 会转换变量为对应类型(位计算,数学计算)
转换的原值也可以简单分为三类:对象、特殊值、字符串。

JS 中的特殊值包括以下几个。

•undefined,未定义,当变量声明但没赋值或者一个对象不存在的属性的值就是这个了。
•NaN/Infinity,这是两个顽固的“数字”(typeof == number),分别表示非数字和无限大的数。貌似没什么用,转换成数字失败的话,返回值基本是NaN。
•null,当成零值用的对象(typeof == object)。
•true/false,布尔值,表示真、假,等价于1/0。
对于字符串,根据内容还可以进行细分。根据 JS 数字表达式,可以分为合法和非法。合法的数字有几种不同的分类方法:

•符号:正号、负号、无符号
•进制:八进制、十进制、十六进制
•科学记数法
•小数、整数,以及小数的简写
根据上面的分类,我制作了一个 Demo,用来测试不同方法、数值转换后的结果。下面的截图是在 chrome 下的转换。

JS 数字转换研究总结

看结果只有位计算能把任何值转换为有限数(isFinite),数学计算和强制转换的结果是一样的。

特殊值的转换和原值以及转换方法都有关系。parseInt/parseFloat 全部转换失败,返回 NaN。

•NaN/undefined 用其它方法全转换成 NaN;
•Infinity 被 parseInt 转换成 NaN,剩下的方法不改变它的值;
•null/false/true 不能被 parseInt/parseFloat 转换,返回 NaN。
对字符串的转换分析主要看转换方法,但全部方法都不支持八进制表示的数字,而是当成对应的十进制数。

•逻辑计算转换除负十六进制数外的合法表达式,并舍去小数部分;不合法的表达式返回零。
•数学计算/Number 和逻辑计算类似,但不舍去小数;除空字符串外的不合法表达式返回 NaN。
•parseInt 也是只保留整数部分;但是对不合法的表达式,取字符串前面合法的整数(十进制、十六进制,不包括科学记数法)部分转换,没有则返回 NaN。
•parseFloat 和 parseInt 类似,不同的是能识别并保留小数部分,并且不支持十六进制数。

Javascript 相关文章推荐
JS添加删除一组文本框并对输入信息加以验证判断其正确性
Apr 11 Javascript
浅析jquery的js图表组件highcharts
Mar 06 Javascript
javascript实现数组中的内容随机输出
Aug 11 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
May 16 Javascript
通过BootStrap实现轮播图的实际应用
Sep 26 Javascript
浅谈react.js 之 批量添加与删除功能
Apr 17 Javascript
Node.js 的模块知识汇总
Aug 16 Javascript
Vue项目组件化工程开发实践方案
Jan 09 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
Jan 31 Javascript
Vue3.0数据响应式原理详解
Oct 09 Javascript
vue基本使用--refs获取组件或元素的实例
Nov 07 Javascript
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
Nov 21 Javascript
利用jQuary实现文字浮动提示效果示例代码
Dec 26 #Javascript
js几秒以后倒计时跳转示例
Dec 26 #Javascript
Get中文乱码IE浏览器Get中文乱码解决方案
Dec 26 #Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
Dec 26 #Javascript
jquery1.9 下检测浏览器类型和版本的方法
Dec 26 #Javascript
jQuery aminate方法定位到页面具体位置
Dec 26 #Javascript
javascript创建数组之联合数组的使用方法示例
Dec 26 #Javascript
You might like
PHP邮件专题
2006/10/09 PHP
php中的比较运算符详解
2013/10/28 PHP
PHP中的命名空间相关概念浅析
2015/01/22 PHP
使用PHP+AJAX让WordPress动态加载文章的教程
2015/12/11 PHP
PHP连接SQL Server的方法分析【基于thinkPHP5.1框架】
2019/05/06 PHP
php-fpm超时时间设置request_terminate_timeout资源问题分析
2019/09/27 PHP
特殊字符、常规符号及其代码对照表
2006/06/26 Javascript
基于JQuery的一句代码实现表格的简单筛选
2010/07/26 Javascript
JQuery 拾色器插件发布-jquery.icolor.js
2010/10/20 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
2011/09/19 Javascript
JQuery入门—JQuery程序的代码风格详细介绍
2013/01/03 Javascript
JavaScript获取多个数组的交集简单实例
2013/11/11 Javascript
jquery.cookie用法详细解析
2013/12/18 Javascript
原生js实现日期联动
2015/01/12 Javascript
jQuery无刷新切换主题皮肤实例讲解
2015/10/21 Javascript
多种JQuery循环滚动文字图片效果代码
2020/06/23 Javascript
深入理解Ajax的get和post请求
2016/06/02 Javascript
Backbone View 之间通信的三种方式
2016/08/09 Javascript
web 前端常用组件之Layer弹出层组件
2016/09/22 Javascript
微信小程序 loading 详解及实例代码
2016/11/09 Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
2016/12/27 Javascript
Node.js安装配置图文教程
2017/05/10 Javascript
webpack的CSS加载器的使用
2018/09/11 Javascript
Js通过AES加密后PHP用Openssl解密的方法
2019/07/12 Javascript
vue router-link 默认a标签去除下划线的实现
2020/11/06 Javascript
Python的函数嵌套的使用方法
2014/01/24 Python
Python使用combinations实现排列组合的方法
2018/11/13 Python
python绘制规则网络图形实例
2019/12/09 Python
Jacadi Paris英国官网:法国童装品牌
2019/08/09 全球购物
英国高街奥特莱斯:Highstreet Outlet
2019/11/21 全球购物
法律进学校实施方案
2014/03/15 职场文书
2014年党课学习心得体会
2014/07/08 职场文书
单位法定代表人授权委托书
2014/09/20 职场文书
表扬通报怎么写
2015/01/16 职场文书
PySwarms(Python粒子群优化工具包)的使用:GlobalBestPSO例子解析
2021/04/05 Python
vue中this.$http.post()跨域和请求参数丢失的解决
2022/04/08 Vue.js