javascript将浮点数转换成整数的三个方法


Posted in Javascript onJune 23, 2014

Summary

暂时我就想到3个方法而已。如果读者想到其他好用方法,也可以交流一下

parseInt
位运算符
Math.floor Math.ceil

Description

一、parseInt

1. 实例

parseInt("13nash");//13
parseInt("")// NaN
parseInt("0xA") //10(十六进制)
parseInt(" 13")//13
parseInt("070")//ES3为56(八进制) ES5为70
parseInt(070)//ES3和ES5都为56
parseInt(22.5)//22

2. 转换规则:

(1). 根据实例(1)得出parseInt会解析一直到非数字时停止
(2). 根据实例(2)得出parseInt解析空字符串时为NaN,而不是0
(3). 根据实例(3)得出parseInt可以将16进制数转换成10进制
(4). 根据实例(4)得出parseInt忽略字符串的空格

3. 缺点:

(1). 根据实例(5)我们可以知道parseInt在转换八进制数组时是不兼容的。ES3会把070看成八进制数值,但是ES5会将070看成十进制。
(2). 根据实例(6)(7)我们可以知道parseInt在执行的时候会先把参数转变成字符串后再执行变成整数

4. 解释:为什么(5)(6)执行都是执行将070转换成整数,但是结果不一样呢?这个也是解决怎么得到缺点中的第二点。

因为在看官方文档中我看到了If string is not a string, then it is converted to one。这段话。就是说参数如果不是字符串的话,它会先将它转换成字符串再转换成整数。比如实例(6)中parseInt(070),其实是先将070转换成字符串,你可以试下070+""或者String(070)都可以知道070会被转换成"56",因为070是一个八进制。然后就变成了parseInt("56"),最后得出来的整数就是56了。不管你在ES3或者ES5都是为56

二、位操作符

1. 实例

console.log(0 | "123.45")//123
console.log(0 | 123.45)//123
console.log(0 ^ 123.45)//123
console.log(~~123.45)//123

2. 原理:javascript没有整数的概念,所有的数值型都是双精度浮点数。在用位运算符时,它会先把操作数转变成整数,方便操作。而0与其他值异或或者按位或都不会改变操作值的

三、Math.floor与Math.ceil

1. 实例

console.log(Math.floor(2.3)//2
console.log(Math.floor(-2.3)//-3
console.log(Math.ceil(2.3)//3
console.log(Math.ceil(-2.3)//-2

2. 两者不足:Math.floor得到的是数字的最小整数;而Math.ceil得到的是最大整数。所以导致本来-2.3我们取整的话我们要得到的是-2,但是用Math.floor得到的是-3。而2.3用Math.ceil得到的是3,但是我们要的是2就行了。

3. 解决:

//自行定义一个函数
function getInt(val){
return val>0 ? Math.floor(val):Math.ceil(val);
}
Javascript 相关文章推荐
Javascript 中的 call 和 apply使用介绍
Feb 22 Javascript
js获取IP和PcName(IE)在vs中可用
Aug 02 Javascript
js 实现 input type="file" 文件上传示例代码
Aug 07 Javascript
JS实现随机数生成算法示例代码
Aug 08 Javascript
从零开始学习Node.js系列教程四:多页面实现数学运算的client端和server端示例
Apr 13 Javascript
纯js实现隔行变色效果
Nov 29 Javascript
Vue.js 动态为img的src赋值方法
Mar 14 Javascript
解决Vue+Element ui开发中碰到的IE问题
Sep 03 Javascript
利用原生的JavaScript实现简单拼图游戏
Nov 18 Javascript
解决layui checkbox 提交多个值的问题
Sep 02 Javascript
在layui中使用form表单监听ajax异步验证注册的实例
Sep 03 Javascript
Jquery cookie插件实现原理代码解析
Aug 04 jQuery
jquery用data方法获取某个元素上的事件
Jun 23 #Javascript
如何正确使用javascript 来进行我们的程序开发
Jun 23 #Javascript
js实现键盘操作实现div的移动或改变的原理及代码
Jun 23 #Javascript
JavaScript-RegExp对象只能使用一次问题解决方法
Jun 23 #Javascript
jquery中map函数与each函数的区别实例介绍
Jun 23 #Javascript
jQuery学习笔记之 Ajax操作篇(二) - 数据传递
Jun 23 #Javascript
jQuery学习笔记之 Ajax操作篇(一) - 数据加载
Jun 23 #Javascript
You might like
php下载远程文件类(支持断点续传)
2008/11/14 PHP
两千行代码的PHP学习笔记汇总
2014/10/05 PHP
Yii实现自动加载类地图的方法
2015/04/01 PHP
thinkPHP5.0框架URL访问方法详解
2017/03/18 PHP
通用JS事件写法实现代码
2009/01/07 Javascript
jQuery 表单验证扩展代码(二)
2010/10/20 Javascript
JavaScript操作URL的相关内容集锦
2015/10/29 Javascript
JavaScript中的定时器之Item23的合理使用
2015/10/30 Javascript
AngularJS数据源的多种获取方式汇总
2016/02/02 Javascript
Dojo获取下拉框的文本和值实例代码
2016/05/27 Javascript
Node.js  事件循环详解及实例
2017/08/06 Javascript
详解Node全局变量global模块
2017/09/28 Javascript
微信小程序实现两个页面传值的方法分析
2018/12/11 Javascript
JS实现网页烟花动画效果
2020/03/10 Javascript
Javascript模块化机制实现原理详解
2020/04/02 Javascript
vue项目打包之开发环境和部署环境的实现
2020/04/23 Javascript
Eclipse中Python开发环境搭建简单教程
2016/03/23 Python
python实现报表自动化详解
2017/11/16 Python
对dataframe数据之间求补集的实例详解
2019/01/30 Python
python实现AES加密与解密
2019/03/28 Python
pybind11和numpy进行交互的方法
2019/07/04 Python
基于python实现从尾到头打印链表
2019/11/02 Python
使用Jupyter notebooks上传文件夹或大量数据到服务器
2020/04/14 Python
日本面向世界,国际级的免税在线购物商城:DOKODEMO
2017/02/01 全球购物
市场营销专业毕业生自荐信
2013/11/02 职场文书
大学生职业规划论文
2014/01/11 职场文书
公安机关纪律作风整顿剖析
2014/10/10 职场文书
单位接收函范文
2015/01/30 职场文书
结婚保证书(三从四德)
2015/02/26 职场文书
2015年库房工作总结
2015/04/30 职场文书
费用申请报告范文
2015/05/15 职场文书
2015年小学生国庆节演讲稿
2015/07/30 职场文书
2016年幼儿园庆六一开幕词
2016/03/04 职场文书
python关于集合的知识案例详解
2021/05/30 Python
浅谈Python中的正则表达式
2021/06/28 Python
分析JVM源码之Thread.interrupt系统级别线程打断
2021/06/29 Java/Android