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

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

相关推荐
开源盛世!!15 分钟前
3.19-3.21
linux·服务器·前端
必胜刻16 分钟前
AJAX 请求理解
前端·ajax·okhttp·前后端交互
小民AI实战笔记18 分钟前
NVM实战指南:高效管理你的Node.js环境
前端·node.js
www_stdio20 分钟前
前端异步核心:Promise 从入门到吃透
前端
朱建伟23 分钟前
大神尤雨溪再次出手,前端工具链整合--该文章是对vite plus官方README文档进行了翻译
前端·vite
vball25 分钟前
宏观数据从哪里来?——主流宏观经济数据库与API全景
前端
zhensherlock34 分钟前
Protocol Launcher 系列:Trae AI 编辑器的深度集成
javascript·人工智能·vscode·ai·typescript·编辑器·ai编程
吠品44 分钟前
Vue项目Moment.js引入优化:全局挂载与按需引入的深度解析与最佳实践
前端·javascript·vue.js
不甜情歌1 小时前
JS 类型判断不用愁:4 种方法,覆盖所有场景
前端·javascript
ETA81 小时前
状态管理没那么复杂:手写实现 Zustand 核心逻辑
前端·react.js