zoukankan      html  css  js  c++  java
  • javascript浮点数转换成整数三种方法

    将浮点数转换成整数方法有很多,分享三种常用方法。

    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转换成字符串,(www.jbxue.com)你可以试下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);
    }
  • 相关阅读:
    Java中使用责任链模式
    Java中使用策略模式
    C++字符画圈
    C/C++结构体
    C++判断闰年&日期之差&给定日期求星期几
    C++重载<运算符及排序结构体
    Spring Boot笔记 #02# 构建RESTful Web服务(官方)
    IntelliJ IDEA修改默认的全局Maven路径
    Spring Boot笔记 #01# 快速入门(官方)
    获取某个时间的前一天
  • 原文地址:https://www.cnblogs.com/cfinder010/p/3805292.html
Copyright © 2011-2022 走看看