首页 > 软件开发 > JavaScript >

JS 保留两位小数 四舍五入

来源:互联网 2023-03-16 23:58:02 版权归原作者所有,如有侵权,请联系我们

在JS中,如果需要对一个小数进行保留两位,并进行四舍五入的操作,通常使用Number对象的toFixed()方法,语法:Number.toFixed(保留位数)eup办公区 - 实用经验教程分享!

工具/原料

  • 电脑一台
  • toFixed()

方法/步骤

  • 1

    新建一个HTML文档,并定义标签script>eup办公区 - 实用经验教程分享!

    JS 保留两位小数 四舍五入eup办公区 - 实用经验教程分享!

  • 2

    定义一个小数(浮点数),示例:eup办公区 - 实用经验教程分享!

    var PI=3.1415926;eup办公区 - 实用经验教程分享!

    alert(PI);eup办公区 - 实用经验教程分享!

    JS 保留两位小数 四舍五入eup办公区 - 实用经验教程分享!

  • 3

    保存文件,在浏览器中预览当前小数的值eup办公区 - 实用经验教程分享!

    JS 保留两位小数 四舍五入eup办公区 - 实用经验教程分享!

  • 4

    使用toFixed()方法,对小数进行取两位操作,示例:eup办公区 - 实用经验教程分享!

    alert(PI.toFixed(2));eup办公区 - 实用经验教程分享!

    JS 保留两位小数 四舍五入eup办公区 - 实用经验教程分享!

  • 4本页面未经授权抓取自百度经验
  • 5

    保存文件,在浏览器预览,保留两位,并进行四舍五入后的小数值eup办公区 - 实用经验教程分享!

    JS 保留两位小数 四舍五入eup办公区 - 实用经验教程分享!

  • 6

    toFixed()方法,自带四舍五入和补零的功能,示例:eup办公区 - 实用经验教程分享!

    //四舍五入eup办公区 - 实用经验教程分享!

    alert("'3.146'四舍五入=" 3.146.toFixed(2));eup办公区 - 实用经验教程分享!

    //自动补零eup办公区 - 实用经验教程分享!

    alert("'3.1'自动补零=" 3.1.toFixed(2));eup办公区 - 实用经验教程分享!

    JS 保留两位小数 四舍五入eup办公区 - 实用经验教程分享!

  • 7

    保存文件,预览toFixed()方法的效果:四舍五入eup办公区 - 实用经验教程分享!

    JS 保留两位小数 四舍五入eup办公区 - 实用经验教程分享!

  • 8

    保存文件,预览toFixed()方法的效果:自动补零eup办公区 - 实用经验教程分享!

    JS 保留两位小数 四舍五入eup办公区 - 实用经验教程分享!

  • 注意事项

    • toFixed()方法存在弊端,在不同浏览器四舍五入的表现不同
    • 喜欢此经验,请投票和点赞

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!eup办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号