JavaScript里如何将数字转成两位小数的百分数?

2022-03-03大约2分钟

有时候,我们会遇到需要把数字按照格式转成百分数。比如0.1234567834转成更易读的12.34%来展示。

这个实际涉及两个步骤:

1. 把数字转成百分数

答案很简单,原来的数字乘以100,然后带上%即可。

const value = 0.1234567834;
const percentValue = `${value * 100}%`;
console.log(percentValue);

2. 把数字转成小数点后n位小数的字符串

这里,我们用数值类型的toFixed()方法。

const value = 0.1234567834;
console.log(value.toFixed(3)); // 0.123

上面的例子里,我们保留了小数点后的3位,因此输出是0.123

注意
value.toFixed(3)返回的值,类型是字符串,不再是数值类型了。

结论

综合以上的两个步骤,结果是:

const value = 0.1234567834;
const percentValue = `${(value * 100).toFixed(2)}%`;
console.log(percentValue); // 12.35%