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

代码

相关推荐
资讯第一线11 分钟前
《Windows Server 2022》 [2025年10月版 ] [官方IOS] 下载
前端
非凡ghost12 分钟前
EaseUS Fixo(易我视频照片修复)
前端·javascript·后端
非凡ghost14 分钟前
Avast Cleanup安卓版(手机清理优化)
前端·javascript·后端
豆苗学前端15 分钟前
长时间不操作自动退出登录(系统非活跃状态下自动登出机制的企业级设计方案)
前端·后端·面试
一乐小哥18 分钟前
用 AI 搞出 Chrome 版 “飞书 Command+K”!Figma AI 救了我的审美
前端·ai编程
非凡ghost28 分钟前
Atlantis Word Processor(文字处理软件)
前端·javascript·后端
小时前端29 分钟前
面试官:线上应用内存持续泄漏,你如何快速定位并止血?
前端·浏览器
前端白袍31 分钟前
Vue:关于 Vue2 父子组件传值方法 以及 props 的定义方法和使用
前端·javascript·vue.js
非凡ghost35 分钟前
TeamViewer 手机版:一键远程控制,深度管理,提升多设备管理效率
前端·javascript·后端
慧一居士35 分钟前
Vue项目页面间,页面中跳转及刷新规划,何时使用router-view,router-link,iframe,slots ,使用场景,及对应场景的完整使用示例
前端·vue.js