PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

javascript转换成整数方法有哪些?

醉折花枝作酒筹
醉折花枝作酒筹 原创
2021-07-21 15:06:04 3548浏览

javascript转换成整数方法有:1、使用parseint()方法,语法格式“parseint(字符串,要解析的数字的基数)”;2、使用math.trunc()方法,语法格式为“math.trunc(数值)”。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

本文将会列举并说明JavaScript 把一个number(或者numerical的对象)转换成一个整数相关方法。

使用parseInt

parseInt的语法如下:parseInt(string, radix)

参数string的表示要解析的字符串,也可以是一个对象,会自动调用对象的toString函数得到要解析的字符串。

parseInt的第二个参数,可以指定要解析的数字的基数,注意该值介于 2 ~ 36 之间,如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。比如下面的代码,结果为8,这样可以很方便的把其他的进制的数字转换为10进制的数字:

parseInt(10,8) // 结果为8

当参数 radix 的值为 0,或没有设置该参数时,parseInt() 会根据 string 来判断数字的基数。

举例,如果 string 以 "0x" 开头,parseInt() 会把 string 的其余部分解析为十六进制的整数。如果 string 以 0 开头,那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。如果 string 以 1 ~ 9 的数字开头,parseInt() 将把它解析为十进制的整数。

注释

1. 只有字符串中的第一个数字会被返回。 什么意思呢,如果输入的字符串是"123abc","123,123",那么结果是123,parseInt方法会自动忽略后面的非数字部分。

2. 输入字符串开头和结尾的空格是允许的。

3. parseFloat 也具备以上两条特征,不过本文不重点讲述。

使用Math.trunc

Math.trunc() 方法会将数字的小数部分去掉,只保留整数部分。比如以下代码:

Math.trunc(13.37)    // 13
Math.trunc(42.84)    // 42
Math.trunc(0.123)    //  0
Math.trunc(-0.123)   // -0
Math.trunc("-1.123") // -1
Math.trunc(NaN)      // NaN
Math.trunc("foo")    // NaN
Math.trunc()         // NaN

当传入的类型不是数字的时候,会自动做瘾式转换。但是如果是一个非numerical的参数的时候,返回NaN。

IE浏览器并不支持这个方法,所以可以考虑polyfill:

Math.trunc || (Math.trunc = function(v){
   return v   0
        // -0        -> -0
        //  0.2      ->  0
        // -0.2      -> -0
        //  0.7      ->  0
        // -0.7      -> -0
        //  Infinity ->  Infinity
        // -Infinity -> -Infinity
        //  NaN      ->  NaN
        //  null     ->  0
    };
}

二进制位运算

对于numerical的对象n,可以通过如下的方式来转换为整数:

  • ~~n 双重位取反(Double bitwise NOT)

  • n | n 位或运算(Bitwise OR)

  • n | 0 和0的位或运算(Bitwise OR with 0)

  • n

  • n >> 0 位右移运算0位(Bitwise right shift)

  • n & n 为与运算(Bitwise AND)

比如代码如下:

   ~~1.23 // 1
   -1.2 | -1.2  // - 1
   -1.2 | 0  // - 1
   3.4 >> 0 // 3
   3.2 <blockquote><p>注意,从上面可以看出,位运算下字符串会自动转换数字。</p></blockquote><p>【推荐学习:<a href="https://www.php.cn/course/list/2.html" target="_blank">javascript高级教程</a>】</p>
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。