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

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

相关推荐
杨荧4 分钟前
【JAVA开源】基于Vue和SpringBoot的宠物咖啡馆平台
java·前端·vue.js·spring boot·开源·宠物
天蓝蓝的本我30 分钟前
FireFox简单设置设置
前端·firefox
介次别错过1 小时前
数字马力ai面试题
前端
暴富的Tdy1 小时前
【纯前端实现xlsx的解析并处理成table需要的格式】
前端·javascript·vue·xlsx解析·js数组方法
IT农民工~1 小时前
《网络基础之 HTTP 协议:状态码含义全解析》
服务器·前端·网络·python·网络协议·http
三天不学习2 小时前
解决npm install安装出现packages are looking for funding run `npm fund` for details问题
前端·npm·node.js
sky丶Mamba2 小时前
EventSource是什么,和axios区别,以及SSE是什么
前端
摇滚侠2 小时前
Vue83 引入elementUI
前端·javascript·elementui
wuyanwenyun2 小时前
elementui+vue 多行数据的合并单元格
前端·vue.js·elementui
懒羊羊大王呀2 小时前
CSS——文字渐入效果
前端·css