js 格式化显示固定小数位

最新推荐文章于 2024-09-02 17:51:11 发布

小土為尘

最新推荐文章于 2024-09-02 17:51:11 发布

阅读量2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： code

本文链接：https://blog.youkuaiyun.com/dwc2011/article/details/50364089

code 专栏收录该内容

4 篇文章

订阅专栏

本文介绍使用JavaScript实现数字格式化的两种方法：一种利用Number的toFixed()方法来确保数值显示时固定到两位小数，小数位不足时以0填充；另一种通过字符串拼接的方式达到相同的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js 显示固定小数位，小数位不足，以 0 填补。比如：整数 123 显示为 123.00；字符串”123” 显示为 “123.00”; 123.1 显示为123.10； 123.12345 显示为 123.12… 诸如此类的格式化显示

方法一：用数据类型 number 的 toFixed() 函数

function() {
    var num = 123;
    var str = "123";
    console.log(num.toFixed(2));
    // 如果是 string 类型可以先类型转换一下
    console.log(parseFloat(num).toFixed(2));
}

方法二：可以采用字符串拼接的方法（只是一种想法而已，并不实用）

// 以 number 类型为例，string 类型就不用做类型转换了
function(var num) {
    var decimal = Math.round(num * 100) / 100;              
    var str = decimal.toString(); 
    // indexOf('c'): 如果字符串中不存在字符 c，返回值为 -1
    var position = str.indexOf('.');              
    if (position < 0) 
    {   
        position = str.length;
        str += '.';   
    }              
    while (str.length <= position + 2) 
    {   
        str += '0';              
    } 
    console.log(str);
}

附：如果不苛求固定小数位（即不用 0 填补小数位）；例：123.10001 显示为 123.1；123.0000001 显示为 123；方法二中一句很实用：

function(num) {
    console.log(Math.round(num * 100) / 100);
}