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 分钟前
Vue项目解决跨域
前端·javascript·vue.js
指尖时光.8 分钟前
Three.js 超全入门综合案例
开发语言·javascript·ecmascript
唐青枫32 分钟前
http-server:别再双击 index.html,一条命令把目录变成网站
前端·javascript
网安蟹佬霸1 小时前
OSINT开源情报收集实战:从信息搜集到资产测绘(2026最新万字保姆级指南)
前端·网络·安全·web安全·网络安全·开源
单线程_011 小时前
【源码阅读】Vue3 Tokenizer 词法分析器完整状态机流转深度梳理(3.4+ 新版架构)
前端
PBitW2 小时前
PM 丢来 3 个 Excel、12 个功能、4 种情形?用 TRAE Work 30 分钟整理成前端开发文档
前端·trae
学习星球3 小时前
Solid.js 实战:拆解官方 RealWorld 项目
开发语言·javascript·vue.js
风骏时光牛马4 小时前
AIAgent高可用架构:弹性容错与故障自愈的落地实践
前端
IT_陈寒4 小时前
Vue的响应式什么时候会失灵?这个坑我踩了
前端·人工智能·后端
烟锁池塘柳04 小时前
解决 Firefox 浏览器网页文本选中高亮不明显问题(含仅修改特定网站高亮显示的方案)
前端·firefox