js中补零

devwolf

已于 2022-08-01 16:41:12 修改

阅读量7.6k

点赞数 1

分类专栏：前端相关 javascript发现文章标签： javascript 前端开发语言

于 2022-07-28 18:12:18 首次发布

本文链接：https://blog.csdn.net/qq_35306736/article/details/126039849

版权

前端相关同时被 2 个专栏收录

19 篇文章 0 订阅

订阅专栏

javascript发现

12 篇文章 0 订阅

订阅专栏

这篇博客介绍了JavaScript中使用padStart和padEnd方法进行字符串补零操作，以及如何处理小数精度问题。通过示例展示了如何实现整数和小数的四舍五入，强调了toPrecision方法的四舍六入五成双特性，并提供了自定义四舍五入的解决方案。

摘要由CSDN通过智能技术生成

整数补零（或补别的字符）

String.prototype.padStart() - JavaScript | MDN

可以通过padStart和padEnd实现左/右开始填充指定字符达到指定长度。

const str1 = '8';
console.log(str1.padStart(9, '0')); // "000000008"

const fullNumber = '123456789';
const maskedNumber = fullNumber.slice(-3).padStart(fullNumber.length, '*');
console.log(maskedNumber);// ******789
const maskedNumber2 = fullNumber.slice(0,3).padEnd(fullNumber.length, '*');
console.log(maskedNumber2);// 123******

小数补零

参考我之前的一篇博客

JS中的Math.trunc()以及浅谈js计算失精常用函数_devwolf的博客-CSDN博客_js trunc


console.log((5).toPrecision(4));  // "5.000"，如果仅提供证整数，则该整数需要加括号

需要特别注意的是，toPrecision()是四舍六入五成双，如果对精度有定制要求，可以尝试如下修改

//toPrecision是四舍六入五成双
console.log(5.555.toPrecision(3)); // "5.55"

//要想四舍五入得手动改造
const demo = (data) =>{
    let _data = Number(data);
    if(isNaN(_data)){
        return false;
    }
    let intLength = Math.trunc(_data).toString().length;
    let fullLength = intLength + 2;//小数点保留2位,算出总位数
    let newData = Math.round(_data * 100) / 100;
    return Number(newData).toPrecision(fullLength)
}

console.log(demo(5.555));//  5.56
console.log(demo(5.5));//   5.50