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

喵喵酱仔__2024-10-19 1:31

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

代码