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

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

相关推荐
借个火er3 分钟前
Vue.js 源码揭秘(一):Vue3 架构总览
前端
千寻girling5 分钟前
面试官: “ 请你说一下什么是 ajax ? ”
前端·javascript
MQliferecord9 分钟前
webpack的生命周期与Loader/Plugin
前端
@大迁世界13 分钟前
JavaScript 框架的终结
开发语言·前端·javascript·ecmascript
PPPPickup17 分钟前
easychat项目复盘---管理端系统设置
java·开发语言·前端
梦65031 分钟前
Vue 实现动态路由
前端·javascript·vue.js
姜糖编程日记33 分钟前
C++——初识(2)
开发语言·前端·c++
丶乘风破浪丶40 分钟前
Vue项目中判断相同请求的实现方案:从原理到实战
前端·javascript·vue.js
why技术40 分钟前
如果让我站在科技从业者的角度去回看 2025 年,让我选一个词出来形容它,我会选择“vibe coding”这个词。
前端·后端·程序员
worxfr42 分钟前
CSS Flexbox 布局完全指南
前端·css