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

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

相关推荐
爱上妖精的尾巴16 小时前
7-2 WPS JS宏 Object对象属性的查、改、增、删
前端·javascript·vue.js
小哀216 小时前
2025年总结: 我还在往前走
前端·后端·全栈
0思必得016 小时前
[Web自动化] Requests模块基本使用
运维·前端·python·自动化·html·web自动化
change_fate16 小时前
vue模板数组不要直接使用reverse方法
前端·javascript·vue.js
一 乐16 小时前
健康管理|基于springboot + vue健康管理系统(源码+数据库+文档)
java·前端·数据库·vue.js·spring boot·后端·学习
C_心欲无痕16 小时前
nodejs - npm run原理
前端·npm·node.js
小笔学长17 小时前
调试技巧:使用 debugger 语句
javascript·前端开发·debugger调试·项目调试实战
千里马-horse17 小时前
TypedArrayOf
开发语言·javascript·c++·node.js·napi
小笔学长17 小时前
Webpack 配置优化:提高打包速度与质量
前端·项目实战·前端开发·webpack优化·打包性能优化
Hao_Harrision17 小时前
50天50个小项目 (React19 + Tailwindcss V4) ✨| NotesApp(便签笔记组件)
javascript