当前位置: 首页 > news >正文

前端转换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 保留两位小数,并三位一个分隔符

 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 转化为百分数,并保留两位小数

 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",这是一个字符串

代码

http://www.lryc.cn/news/462072.html

相关文章:

  • 【实战案例】JSR303统一校验与SpringBoot项目的整合
  • 忘记了系统root密码,如何重置root密码?
  • 7-基于国产化FT-M6678+JFM7K325T的6U CPCI信号处理卡
  • 计算机毕业设计 | SSM超市进销存管理系统(附源码)
  • 手撕数据结构 —— 堆(C语言讲解)
  • TS和JS中,string与String的区别
  • jna调用c++动态库linux测试
  • 智诊小助手TF卡记录文件导出
  • Jetpack-ViewModel+LiveData+DataBinding
  • Servlet[springmvc]的Servlet.init()引发异常
  • 总结:SQL查询变慢,常见原因分析!
  • 基于webrtc实现音视频通信
  • 【多版本并发控制(MVCC)】
  • 常见漏洞及webshell工具的流量特征
  • python学习-怎么在Pycharm写代码
  • 牛客周赛63(C++实现)
  • 高级英语1第四版教材全解pdf课后答案+课文翻译张汉熙
  • 视频去水印软件3款推荐:好用的去水印软件分享!
  • perl文件测试操作符及其意义
  • NC 单据模板自定义项 设置参照(自定义参照)
  • Element-ui官方示例(Popover 弹出框)
  • Bootstrap 5 练习 - 显示工具提示
  • 【p2p、分布式,区块链笔记 Torrent】: WebTorrent GitTorrent bittorrent-dht
  • 【Next.js 项目实战系列】05-删除 Issue
  • Springboot api http并发测试请求
  • Qt的websocket客户端和服务器测试(非安全版本)
  • Prometheus运维监控平台之监控指标注册到consul脚本开发、自定义监控项采集配置调试(三)
  • C语言——数组
  • MySQL-09.DDL-表结构操作-查询修改删除
  • WileyNJDv5_Template模板无法编译生成pdf文件