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 闭包疑问
Dec 30 Javascript
基于jquery的二级联动菜单实现代码
Apr 25 Javascript
js的[defer]和[async]属性
Nov 24 Javascript
jQuery插件ajaxFileUpload实现异步上传文件效果
Apr 14 Javascript
jQuery实现切换页面过渡动画效果
Oct 29 Javascript
js日期相关函数dateAdd,dateDiff,dateFormat等介绍
Sep 24 Javascript
JavaScript定时器制作弹窗小广告
Feb 05 Javascript
BootStrap实现带关闭按钮功能
Feb 15 Javascript
基于Vue+element-ui 的Table二次封装的实现
Jul 20 Javascript
微信小程序实现时间预约功能
Nov 27 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
Dec 09 Javascript
纯JS实现五子棋游戏
May 28 Javascript
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
Zend Framework教程之前端控制器Zend_Controller_Front用法详解
2016/03/07 PHP
Laravel框架实现利用监听器进行sql语句记录功能
2018/06/06 PHP
php文件后缀不强制为.php的实操方法
2019/09/18 PHP
解决在Laravel 中处理OPTIONS请求的问题
2019/10/11 PHP
一个选择最快的服务器转向代码
2009/04/27 Javascript
在IE浏览器中resize事件执行多次的解决方法
2011/07/12 Javascript
给jqGrid数据行添加修改和删除操作链接(之一)
2011/11/04 Javascript
javascipt基础内容--需要注意的细节
2013/04/10 Javascript
JavaScript制作的可折叠弹出式菜单示例
2014/04/04 Javascript
超实用的JavaScript表单代码段
2016/02/26 Javascript
html5+javascript实现简单上传的注意细节
2016/04/18 Javascript
Bootstrap+jfinal实现省市级联下拉菜单
2016/05/30 Javascript
JS 数字转换为大写金额的简单实例
2016/08/04 Javascript
JavaScript实现解析INI文件内容的方法
2016/11/17 Javascript
jQuery实现别踩白块儿网页版小游戏
2017/01/18 Javascript
Javascript Event(事件)的传播与冒泡
2017/01/23 Javascript
JavaScript数据类型的存储方法详解
2017/08/25 Javascript
微信小程序 swiper组件构建轮播图的实例
2017/09/20 Javascript
Vue 2.0学习笔记之Vue中的computed属性
2017/10/16 Javascript
Node 自动化部署的方法
2017/10/17 Javascript
Vue中render方法的使用详解
2018/01/26 Javascript
解决npm管理员身份install时出现权限的问题
2018/03/16 Javascript
js Array.slice的8种不同用法示例
2019/07/10 Javascript
JavaScript前端实现压缩图片功能
2020/03/06 Javascript
vue 使用lodash实现对象数组深拷贝操作
2020/09/10 Javascript
解决vant中 tab栏遇到的坑 van-tabs
2020/11/04 Javascript
基于Cesium绘制抛物弧线
2020/11/18 Javascript
探究Python多进程编程下线程之间变量的共享问题
2015/05/05 Python
python删除服务器文件代码示例
2018/02/09 Python
python文件读取失败怎么处理
2020/06/23 Python
草莓网化妆品澳大利亚站:Strawberrynet AU
2017/12/18 全球购物
户外活动策划方案
2014/03/12 职场文书
自我管理的活动方案
2014/08/25 职场文书
使用qt quick-ListView仿微信好友列表和聊天列表的示例代码
2021/06/13 Python
浅析MongoDB之安全认证
2021/06/26 MongoDB
JS中forEach()、map()、every()、some()和filter()的用法
2022/05/11 Javascript