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

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

相关推荐
伊可历普斯2 分钟前
前端数据校验太难?一个 Zod 就够了
前端·javascript
陈林梓3 分钟前
Axios 二次封装指南 & 跨系统复用建议
前端
ZoeLandia4 分钟前
基于 qiankun 的应用间页面跳转
前端·前端框架
前端 贾公子10 分钟前
unplugin-icons == elementPlus自动引入icon
前端·javascript·vue.js
YFLICKERH11 分钟前
【Python-Web后端开发框架】Flask | Django | FastAPI | Tornado 选型与 使用 | 特性
前端·python·flask
光影少年20 分钟前
说说模块化规范?CommonJS和ES Module的区别?
前端·javascript·elasticsearch
telllong1 小时前
C++20 Modules:从入门到真香
java·前端·c++20
叫我一声阿雷吧1 小时前
JS 入门通关手册(21):原型链:JS 继承的底层原理
开发语言·javascript·前端面试·原型链·js继承·js进阶·js面向对象
是Yu欸1 小时前
LangGraph 智能体状态管理与决策
java·javascript·数据库