js 小数点后如果不到四位0补齐

需求背景

要求相关数据展示精确到4位小数,不足4位自动补0。

封装函数

javascript 复制代码
const autoFillDecimal =(num)=> {
   //整数
   if (String(num).indexOf('.') === -1) {
      return num + '.0000';
   }
   //小数
   var decimal = String(num).split('.')[1];
   if (decimal && decimal.length < 4) {
      return parseFloat(num).toFixed(4);
   } else {
      return String(num);
   }
}

如何使用

javascript 复制代码
let num = 123.45;
let paddedNum = autoFillDecimal(num);
console.log(paddedNum)  //123.4500

缺陷

返回的值为String类型不是Number类型

注:本人前端小白 ,如有不对的地方还请多多指教

相关推荐
Aevget几秒前
DevExtreme JS & ASP.NET Core v25.2新功能预览 - 字体栈、可访问性升级增强
javascript·asp.net·界面控件·devexpress·ui开发·devextreme
Ingsuifon3 分钟前
ReAct智能体实现示例
前端·react.js·前端框架
IT古董4 分钟前
企业级官网全栈(React·Next.js·Tailwind·Axios·Headless UI·RHF·i18n)实战教程-第四篇:登录与注册系统(核心篇)
javascript·react.js·ui
q150803962258 分钟前
数据整理无忧:深度评测高效文本合并工具的实用功能
开发语言·前端·javascript
华仔啊10 分钟前
async/await 到底要不要加 try-catch?异步错误处理最佳实践
前端·javascript
开发者小天12 分钟前
React中useCallback的使用
前端·javascript·react.js·typescript·前端框架·css3·html5
咬人喵喵14 分钟前
JavaScript 变量:let 和 const 该用谁?
前端·css·编辑器·交互·svg
麦麦大数据15 分钟前
F059 vue+flask酒店对比系统
前端·vue.js·flask·携程·酒店对比·飞猪·同程
开发者小天16 分钟前
React中的useState传入函数的好处
前端·javascript·react.js
Violet_YSWY16 分钟前
Vue import.meta.env 讲解
前端·javascript·vue.js