Javascript取整函数及向零取整几种常用的方法

 更新时间:2025年01月18日 11:47:35   作者:GISer_Jinger  
这篇文章主要介绍了Javascript取整函数及向零取整几种常用的方法,每种方法都有其特点和适用场景,推荐使用Math.trunc(),因为它语义明确、代码易读且性能较好,需要的朋友可以参考下

向零取整方式

在JavaScript中,有多种方式可以对数字进行取整操作,即去掉小数部分,只保留整数部分。其中,向0取整(也称为截断小数部分)的方式有以下几种常用的方法:

  • 使用 Math.trunc()
    Math.trunc() 方法会去掉一个数字的小数部分,返回其整数部分,但不进行四舍五入。

    let num = 4.9;
    let truncated = Math.trunc(num); // 4
    console.log(truncated);
  • 使用按位运算符 |(按位或)
    按位运算符 | 在处理数字时,会将操作数转换为32位整数,从而截断小数部分。

    let num = 4.9;
    let truncated = num | 0; // 4
    console.log(truncated);
  • 使用双波浪号 ~~
    双波浪号 ~~ 也是一种按位取整的方式,效果与 | 类似,会截断小数部分。

    let num = 4.9;
    let truncated = ~~num; // 4
    console.log(truncated);
    综上所述,最推荐的方法是使用 Math.trunc(),因为它语义明确,代码易读,且性能较好。其他方法虽然也能实现向0取整的效果,但在可读性和维护性上可能稍逊一筹。
  • 使用 Math.floor() 和 Math.ceil() 的组合(仅当数字为正数时):
    虽然 Math.floor() 和 Math.ceil() 是用于向下和向上取整的方法,但可以通过判断数字的符号来选择使用哪一个,以达到向0取整的效果。不过这种方法相对复杂,且不如前几种方法直观。

function truncate(num) {
return num < 0 ? Math.ceil(num) : Math.floor(num);
}


let num = 4.9;
let truncated = truncate(num); // 4
console.log(truncated);


let negNum = -4.9;
let negTruncated = truncate(negNum); // -4
console.log(negTruncated);

5.使用字符串操作
可以通过将数字转换为字符串,然后去掉小数点及其后的部分,最后再转换回数字。这种方法虽然可以实现效果,但效率较低且不够直观,不建议使用。

function truncate(num) {
return parseInt(num.toString(), 10);
}


let num = 4.9;
let truncated = truncate(num); // 4
console.log(truncated);

常见取整函数

在JavaScript中,有多种方法可以对数字进行取整操作。这些方法各有特点,适用于不同的场景。以下是常见的几种取整函数及其详解:

  • Math.floor()
    • 功能:向下取整,即返回小于或等于给定数字的最大整数。
    • 语法Math.floor(x)
    • 示例
      console.log(Math.floor(4.9)); // 输出: 4
      console.log(Math.floor(-4.1)); // 输出: -5
  • Math.ceil()
    • 功能:向上取整,即返回大于或等于给定数字的最小整数。
    • 语法Math.ceil(x)
    • 示例
      console.log(Math.ceil(4.1)); // 输出: 5
      console.log(Math.ceil(-4.9)); // 输出: -4
  • Math.round()
    • 功能:四舍五入,即返回最接近给定数字的整数。
    • 语法Math.round(x)
    • 示例
      console.log(Math.round(4.5)); // 输出: 5
      console.log(Math.round(4.4)); // 输出: 4
      console.log(Math.round(-4.5)); // 输出: -4
  • Math.trunc()
    • 功能:移除小数部分,只保留整数部分,不进行四舍五入。
    • 语法Math.trunc(x)
    • 示例
      console.log(Math.trunc(4.9)); // 输出: 4
      console.log(Math.trunc(-4.1)); // 输出: -4

      位运算符取整

      • 功能:通过位运算符 |^&~<<>>>>> 可以将浮点数转换为整数,相当于去掉小数部分(类似 Math.trunc,但仅对32位整数有效)。
      • 示例
        console.log(4.9 | 0); // 输出: 4
        console.log(-4.1 | 0); // 输出: -4
      • 注意:位运算符取整仅适用于32位整数范围(-231-1),超出范围会导致精度丢失。

  • 双否定(Double Negation)
    • 功能:通过双否定操作将浮点数转换为整数(相当于 Math.trunc)。
    • 示例
      console.log(~~4.9); // 输出: 4
      console.log(~~-4.1); // 输出: -4
    • 注意:双否定操作对超出JavaScript安全整数范围的数字无效。
  • 字符串转换
    • 功能:通过字符串转换并截取整数部分来取整。
    • 示例
      console.log(parseInt(4.9)); // 输出: 4
      console.log(parseInt(-4.1)); // 输出: -4
    • 注意:这种方法依赖于字符串转换,性能可能不如其他内置方法。
  • toFixed() 后转整数
    • 功能:通过 toFixed() 方法将数字转换为指定小数位数的字符串,然后转换为整数。
    • 示例
      const num = 4.9;
      console.log(parseFloat(num.toFixed(0))); // 输出: 5
      const num2 = -4.1;
      console.log(parseFloat(num2.toFixed(0))); // 输出: -4
    • 注意toFixed() 方法返回的是字符串,需要再次转换为数字。

总结

  • Math.floor():向下取整。
  • Math.ceil():向上取整。
  • Math.round():四舍五入。
  • Math.trunc():移除小数部分。
  • 位运算符:通过位操作移除小数部分(32位整数范围内有效)。
  • 双否定:通过双否定操作移除小数部分(32位整数范围内有效)。
  • 字符串转换:通过字符串转换并截取整数部分。
  • toFixed() 后转整数:通过 toFixed() 方法转换为字符串后再转为整数。

每种方法都有其适用的场景和限制,选择时需根据具体需求进行权衡。

到此这篇关于Javascript取整函数及向零取整几种常用的方法的文章就介绍到这了,更多相关js取整函数及向零取整内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • js+html5实现canvas绘制简单矩形的方法

    js+html5实现canvas绘制简单矩形的方法

    这篇文章主要介绍了js+html5实现canvas绘制简单矩形的方法,涉及html5图形绘制的基本技巧,需要的朋友可以参考下
    2015-06-06
  • JS实现仿新浪黄色经典滑动门效果代码

    JS实现仿新浪黄色经典滑动门效果代码

    这篇文章主要介绍了JS实现仿新浪黄色经典滑动门效果代码,是一款非常简单的经典鼠标响应滑动切换效果,涉及JavaScript基于鼠标事件动态操作页面元素的技巧,需要的朋友可以参考下
    2015-09-09
  • js实现json数据行到列的转换的实例代码

    js实现json数据行到列的转换的实例代码

    为了实现这样的数据显示出来三个序列,分别为郑州、新乡、安阳的电量,就需要自己实现对这样数据的转换,转换成如下的形式:
    2013-08-08
  • 跟我学习javascript的垃圾回收机制与内存管理

    跟我学习javascript的垃圾回收机制与内存管理

    跟我学习javascript的垃圾回收机制与内存管理,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • uni-app的基本使用教程

    uni-app的基本使用教程

    uni-app​​​ 是一个使用 ​ ​Vue.js​​ 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台,这篇文章主要介绍了uni-app的基本使用,需要的朋友可以参考下
    2022-11-11
  • Worker加载JS脚本跨域问题的几种解决方法

    Worker加载JS脚本跨域问题的几种解决方法

    Web Worker 是一种在后台线程中运行的 JavaScript 脚本,允许我们在不阻塞主线程的情况下执行复杂计算或处理,Worker 加载的 JS 脚本如果存在跨域问题,可能导致脚本无法正常加载和执行,以下是解决 Worker 加载 JS 脚本跨域问题的几种方法,需要的朋友可以参考下
    2025-02-02
  • Javascript DOM的简介,节点和获取元素详解

    Javascript DOM的简介,节点和获取元素详解

    下面小编就为大家分享一篇详谈DOM的简介,节点和获取元素,具有非常好的参考价值,一起跟随小编过来看看吧,希望对大家有所帮助
    2021-11-11
  • 基于JavaScript实现新增内容滚动播放效果附完整代码

    基于JavaScript实现新增内容滚动播放效果附完整代码

    这篇文章主要介绍了基于JavaScript实现新增内容滚动播放效果,效果非常棒,实现代码简单易懂,需要的朋友可以参考下
    2017-08-08
  • JS实现中文汉字按拼音排序的方法

    JS实现中文汉字按拼音排序的方法

    这篇文章主要介绍了JS实现中文汉字按拼音排序的方法,涉及javascript针对中文字符串的转换、遍历、排序等相关操作技巧,需要的朋友可以参考下
    2017-10-10
  • JS 60秒后重新发送验证码的实例讲解

    JS 60秒后重新发送验证码的实例讲解

    下面小编就为大家带来一篇JS 60秒后重新发送验证码的实例讲解。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07

最新评论