转自:https://jingyan.baidu.com/article/fc07f98940143812ffe51939.html##1

写js代码的时候,会遇到小数类型数字,但是过长的小数位不利于页面显示,平常的计算过程也不会要求很高的精度,一般需要保留2位小数即可。下面就来介绍下js保留两位小数的几种方法

工具/原料

  • javascript

  • 浏览器调试工具

方法/步骤

  1. 方法一:使用toFixed保留两位小数

    var num1 = 55.3715;

    console.log(num1.toFixed(2));

    打开浏览器调试工具,可以看到如下打印结果,55.37保留了两位小数,之后的两位舍弃

  2. toFixed自带四舍五入的功能

    var num2 = 55.3755;

    console.log(num2.toFixed(2));

    var num3 = 55.3745;

    console.log(num3.toFixed(2));

    看下面打印结果,小数第三位为5时,或大于5时进一位,小于5后面几位直接舍弃

  3. toFixed自带补位功能

    var num4 = 55.3;

    console.log(num4.toFixed(2));

    var num5 = 55;

    console.log(num5.toFixed(2));

    从打印结果可以看出,55.3补一位0,55补了两位00

  4. 方法二:substr直接按字符串截取

    var num1 = 55.3785 + "";

    console.log("substr方式保留两位小数:");

    console.log(num1.substr(0,num1.indexOf(".")+3));

    这种方式没有四舍五入的功能,直接按位截取的,也没有补位功能

  5. 方法三:浮点数四舍五入

    var num1 = parseFloat(55.7856);

    if (!isNaN(num1)) {

    num1 = Math.round(num1*100)/100;

    console.log("将浮点数四舍五入,取小数点后2位:");

    console.log(num1);

    }

  6. 上面的方法有四舍五入的功能,但没有补位的功能,可以通过以下方式实现

    var num1 = parseFloat(55);

    if (!isNaN(num1)) {

    num1 = Math.round(num1*100)/100;

    var str = num1.toString();

    var rs = str.indexOf('.');

    if (rs < 0) {

    rs = str.length;

    str += '.';

    }

    while (str.length <= rs + 2) {

    str += '0';

    }

    console.log("将浮点数四舍五入,取小数点后2位,位数不够进行补位:");

    console.log(str);

    }

    步骤阅读

  7. 7

    以上就是js保留小数的几种方法,可以根据自己的需要选择

    END

js如何保留两位小数相关推荐

  1. JS 四舍五入保留两位小数

    Html 四舍五入保留两位小数: Html: <input type="number" step=".01" id="amount" ...

  2. js强制保留两位小数

    计算过程中,发现浮点数如果没有小数位,就会自动舍掉小数点.现在想要做的是无论是整数还是多位小数,强制保留两位小数 1. 转为字符串,对字符串进行操作 //强制保留2位小数,如:2,会在2后面补上00. ...

  3. js vue保留两位小数函数(0.00)格式

    //  保留两位小数函数  function toDecimal2(x) {            var f = parseFloat(x);            if (isNaN(f)) {  ...

  4. js 通用 保留两位小数 金额千分位格式化

    这是一个系列,记录我前端开发常用的代码,小常识,有些是参考网上代码,(讲的可能有点烂,求不要打脸,嘤嘤嘤~~)送给那些需要的人.可以相互交流,喜欢的加我吧. Wx: Lxp911221 ios 日期 ...

  5. js math保留两位小数

    1. 最笨的办法....... [我就怎么干的.........] function get() {     var s = 22.127456 + "";     var str ...

  6. JS小数位保留两位小数

    parseInt,parseFloat,parseDouble在JS中是将值转换成相应的类型: alert(parseFloat(12.44644).toFixed(2));  转载于:https:/ ...

  7. js四舍五入保留两位小数的方法

    1,toFixed(): 此方法只包含小数位数的数字,适合处理金钱 2,toPrecision() :此方法包含所有数字, 3.不需要四舍五入 Math.floor()

  8. js四舍五入保留两位小数

    <script> var num=22.127456; alert( Math.round(num*100)/100); </script>

  9. js数字最多保留两位小数_8085微处理器中最多两个8位数字

    js数字最多保留两位小数 Problem statement: 问题陈述: To find maximum of two 8bit numberusing 8085 microprocessor. 使 ...

最新文章

  1. from flask.ext.cache import make_template_fragment_key
  2. MachineLearning(3)-流型
  3. VARIANT变体类型数据
  4. ubuntu_python_environment
  5. 官宣!VS Code Python 全新功能全球首发!
  6. 可行性研究报告计算机,台式计算机项目可行性研究报告范文.doc
  7. WinRAR去广告方法,了解一下?
  8. kali之msfconsole
  9. 机器学习教程之语义分割入门教程
  10. 前沿讲座之计算机图形学
  11. 如何取得销售订单中订单货币和本位币之间的汇率 (exchange rate)
  12. ESP32-C3入门教程 基础篇(六、TIMG 硬件定时器 与 软件定时器)
  13. Mac-工具-IntelliJ IDEA升级2022.1问题
  14. 【细胞分割】基于阙值+边缘+形态学+种子点图像分割matlab源码含 GUI
  15. 50个直击灵魂的问题_质量管理50个常见问题详解
  16. 史上最强 iPhone 越狱工具开源:功能永久有效!
  17. Mybatis(day1)快速入门
  18. FAS流控一键安装脚本
  19. 一种梦幻字效,很漂亮哦ps新手教程区中华图网
  20. 什么,你还在用 momentJs 处理相对时间

热门文章

  1. 使用acmesh免费开启https(详细概念介绍与操作步骤记录)
  2. TVS管的参数理解与选型
  3. OLED12864裸屏驱动电路
  4. 亲测有效IEEE数据库论文免费下载
  5. 随机获得map/json中的一组键值对
  6. 雅虎的站长天下要关门了,哎,真是悲哀
  7. XenApp6.5产品BUG
  8. 区间选点acwing905(贪心算法)
  9. druid 配置理解及监控界面参数理解
  10. 计算机组成原理setb,计算机组成原理与汇编语言4