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 分钟前
HTML5 从入门到精通:语义为王——结构标签让网页会“说话”
前端·html5
Bigger17 分钟前
mini-cc 的 Provider 抽象层是怎么设计的
前端·ai编程·claude
云水一下19 分钟前
HTML5 从入门到精通:优化与扩展——资源加载、SEO 基础与无障碍入门
前端·html5
李白你好23 分钟前
[特殊字符] XSS漏洞演示靶场 - 交互式XSS攻击演示平台,包含钓鱼攻击、Cookie窃取演示,适合安全教育教学
前端·安全·xss
JiaWen技术圈24 分钟前
解析 React Composition Patterns
前端·react.js·前端框架
CoCo的编程之路25 分钟前
像素级突围:如何利用智能前端开发助手最大化提升页面构建速度?
前端·人工智能·ai编程·智能编程助手·文心快码baiducomate
techdashen27 分钟前
npm 生态遭遇供应链攻击:color 包被投毒,每周 3200 万次下载全部受影响
前端·npm·node.js
UXbot28 分钟前
轻量级原型工具如何支持Web应用的完整设计到开发链路
android·前端·人工智能·ios·交互·ui设计
边界条件╝32 分钟前
前端构建引擎:从模块解析到产物生成
前端·javascript·vue.js·react.js
Setsuna_F_Seiei42 分钟前
AI 提效之 Skills - Agent 的扩展技能教程
前端·javascript·ai编程