前端转换double数据,保留两位小数

Number

Number(1.00) = 1

Number(1.10) = 1.1

Number(1.101) = 1.101

要想前端展示页面按 1.00展示1,1.10 展示1.1 需要套一个number()

1.1 保留两位小数,并三位一个分隔符

javascript 复制代码
 indexView.value[key] = formatNumber(indexView.value[key].toFixed(2))


//格式化数字
const formatNumber = (num) => {
  if (num === "undefined") {
    return 0
  }
  return String(Number(num)).replace(/\B(?=(\d{3})+(?!\d))/g, ",")
}

1.2 后端返回0.2 转化为百分数,并保留两位小数

javascript 复制代码
 indexView.value[key] = Number((Number(indexView.value[key]) * 100).toFixed(2))

但是,请注意,尽管输出看起来像是保留了两位小数的数字(14.00),但它实际上是一个数字类型,而不是字符串。如果你想要一个字符串类型的百分比表示,你应该在乘法之后再次使用 toFixed(2)

|---|------------------------------------------------------|
| | let percentage = (Number(0.14) * 100).toFixed(2); |
| | console.log(percentage); // 输出 "14.00",这是一个字符串 |

代码

相关推荐
yngsqq15 分钟前
netdxf—— CAD c#二次开发之(netDxf 处理 DXF 文件)
java·前端·c#
mrsk18 分钟前
🧙‍♂️ CSS中的结界术:BFC如何拯救你的布局混乱?
前端·css·面试
jonssonyan20 分钟前
我自建服务器部署了 Next.js 全栈项目
前端
A了LONE23 分钟前
h5的底部导航栏模板
java·前端·javascript
专注VB编程开发20年25 分钟前
各版本操作系统对.NET支持情况(250707更新)
开发语言·前端·ide·vscode·.net
我喜欢就喜欢33 分钟前
RapidFuzz-CPP:高效字符串相似度计算的C++利器
开发语言·c++
Zsnoin能36 分钟前
AI + TailwindCSS快速搭建一个属于自己的TailwindCSS学习网站
前端·css
五号厂房36 分钟前
聊一聊Javascript 中 hasOwnProperty和in操作之间的区别
前端
莫彩36 分钟前
【Modern C++ Part7】_创建对象时使用()和{}的区别
开发语言·c++
轻语呢喃37 分钟前
JavaScript :事件循环机制的深度解析
javascript·后端