我是靠谱客的博主 烂漫柜子,最近开发中收集的这篇文章主要介绍javascript转换成整数方法有哪些?,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

本教程操作环境: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() 将把它解析为十进制的整数。

使用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 ? Math.ceil(v) : Math.floor(v); // 使用Math.floor和Math.ceil方法
})
// 或者
if (!Math.trunc) {
    Math.trunc = function(v) {
        v = +v;
        if (!isFinite(v)) return v;
        
        return (v - v % 1) || (v < 0 ? -0 : v === 0 ? v : 0);
        
        // 返回:
        //  0        ->  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 << 0 位左移运算0位(Bitwise left shift)

  • 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 << 0 // 3
   5.5 & 5.5 // 5
  ~~"1.2" // 1.2
登录后复制

【推荐学习:javascript高级教程】

以上就是javascript转换成整数方法有哪些?的详细内容,更多请关注靠谱客其它相关文章!

最后

以上就是烂漫柜子为你收集整理的javascript转换成整数方法有哪些?的全部内容,希望文章能够帮你解决javascript转换成整数方法有哪些?所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(102)

评论列表共有 0 条评论

立即
投稿
返回
顶部