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 相关文章推荐
JQuery给元素添加/删除节点比如select
Apr 02 Javascript
JavaScript中的Math.E属性使用详解
Jun 12 Javascript
js获取隐藏元素宽高的实现方法
May 19 Javascript
动态设置form表单的action属性的值的简单方法
May 25 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
Jan 03 Javascript
解决Vue.js 2.0 有时双向绑定img src属性失败的问题
Mar 14 Javascript
在vue2.0中引用element-ui组件库的方法
Jun 21 Javascript
Vue动态获取width的方法
Aug 22 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
Apr 29 Javascript
vue+elementUI实现表单和图片上传及验证功能示例
May 14 Javascript
使用Layui搭建后台管理界面的操作方法
Sep 20 Javascript
Vue+Vuex实现自动登录的知识点详解
Mar 04 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
PHP isset()与empty()的使用区别详解
2010/08/29 PHP
回帖脱衣服的图片实现代码
2014/02/15 PHP
PHP+MySql+jQuery实现的"顶"和"踩"投票功能
2016/05/21 PHP
php 可变函数使用小结
2018/06/12 PHP
从jQuery.camelCase()学习string.replace() 函数学习
2011/09/13 Javascript
用表格输出1-1000之间的数字实现代码(附特效)
2013/04/21 Javascript
JS获取客户端IP地址、MAC和主机名的7个方法汇总
2014/07/21 Javascript
JavaScript设计模式之工厂模式和构造器模式
2015/02/11 Javascript
bootstrap datetimepicker2.3.11时间插件使用
2016/11/19 Javascript
浅谈Vue数据响应思路之数组
2018/11/06 Javascript
微信小程序实现的一键复制功能示例
2019/04/24 Javascript
在layui中select更改后生效的方法
2019/09/05 Javascript
vue点击当前路由高亮小案例
2019/09/26 Javascript
vue自定义switch开关组件,实现样式可自行更改
2019/11/01 Javascript
关于引入vue.js 文件的知识点总结
2020/01/28 Javascript
vue实现防抖的实例代码
2021/01/11 Vue.js
Python中实现远程调用(RPC、RMI)简单例子
2014/04/28 Python
Python可跨平台实现获取按键的方法
2015/03/05 Python
CentOS中使用virtualenv搭建python3环境
2015/06/08 Python
对pycharm代码整体左移和右移缩进快捷键的介绍
2018/07/16 Python
Python设计模式之建造者模式实例详解
2019/01/17 Python
python dlib人脸识别代码实例
2019/04/04 Python
python 绘制拟合曲线并加指定点标识的实现
2019/07/10 Python
使用Python发现隐藏的wifi
2020/03/04 Python
匡威荷兰官方网站:Converse荷兰
2018/10/24 全球购物
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
Linux面试题LINUX系统类
2014/11/19 面试题
医药专业应届毕业生求职信范文
2014/01/01 职场文书
监理资料员岗位职责
2014/01/03 职场文书
单位人事专员介绍信
2014/01/11 职场文书
法定代表人授权委托书
2014/04/04 职场文书
高中生旷课检讨书
2014/10/08 职场文书
2015年初中元旦晚会活动总结
2014/11/28 职场文书
社区环境卫生倡议书
2015/04/29 职场文书
交通事故赔偿起诉书
2015/05/20 职场文书
Spring Cloud Netflix 套件中的负载均衡组件 Ribbon
2022/04/13 Java/Android