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

代码

相关推荐
云枫晖3 分钟前
破壁前行:深度解析前端跨域的本质与实战
前端·浏览器
Porunarufu3 分钟前
JAVA·类和对象③封装及包
java·开发语言
文心快码BaiduComate4 分钟前
代码·创想·未来——百度文心快码创意探索Meetup来啦
前端·后端·程序员
小白64028 分钟前
前端梳理体系从常问问题去完善-框架篇(Vue2&Vue3)
前端
云和数据.ChenGuang12 分钟前
vue中构建脚手架
前端·javascript·vue.js
渣哥15 分钟前
面试官最爱刁难:Spring 框架里到底用了多少经典设计模式?
javascript·后端·面试
千与千寻酱18 分钟前
排列与组合在编程中的实现:从数学概念到代码实践
前端·python
朱昆鹏30 分钟前
如何通过sessionKey 登录 Claude
前端·javascript·人工智能
wdfk_prog30 分钟前
klist 迭代器初始化:klist_iter_init_node 与 klist_iter_init
java·前端·javascript
cjinhuo32 分钟前
标签页、书签太多找不到?AI 分组 + 拼音模糊搜索,开源插件秒解切换难题!
前端·算法·开源