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类型

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

相关推荐
GuWenyue几秒前
等AI回复卡顿到劝退?Vue3+DeepSeek流式输出实战,70行代码实现打字机效果
前端·人工智能·客户端
Jackson__8 分钟前
AI Agent 的能力从哪里来?一文讲清后训练、上下文学习和外部能力
前端·agent·ai编程
默_笙15 分钟前
🎉 AI 项目里为什么需要 BFF?因为我实在不想在前端处理二进制流
前端·javascript
Revolution6115 分钟前
改一个订单筛选,为什么要在六个目录里来回找,前端项目目录到底要怎么拆
前端·前端工程化
阳光是sunny28 分钟前
LangGraph高级教程:Multi Schema多状态管理详解
前端·人工智能·后端
mCell2 小时前
从 TodoList 到 Microsoft To Do:全栈工程师到底要管什么?
前端·编程语言·全栈
阳光是sunny2 小时前
LangGraph实战教程:状态管理与`graph.invoke`入参深度解析
前端·人工智能·后端
神奇小汤圆2 小时前
深入解析 Flink Kafka Connector:原理、配置与最佳实践
前端·后端
科技之门2 小时前
百公里管网漏损分级定位实战方案2026
前端·人工智能·算法
xyphf_和派孔明2 小时前
企业级微前端项目完整创建步骤,第三步:配置 Vue 子应用
前端·javascript