JavaScript中是否有对百分比(%)符号进行国际化处理的方法？

百分比国际化内置方案 #

JavaScript 本身就提供了符合ECMA标准的百分比国际化处理能力，和你已经在用的数字国际化能力同源，完全可以自动适配不同地区的百分比符号空格、分隔符等规范。

核心用法 #

通过Intl.NumberFormatAPI或者toLocaleString的配置项，指定style: 'percent'即可实现自动适配：

// 注意：传入的数值为小数格式，0.0115 对应 1.15%
const value = 0.0115;

// 中国大陆地区：输出 1.15%（无空格）
console.log(value.toLocaleString('zh-CN', { style: 'percent' }));

// 法国地区：输出 1,15 %（自动加空格，逗号作为小数分隔符）
console.log(value.toLocaleString('fr-FR', { style: 'percent' }));

// 德国地区：输出 1,15 %（窄空格分隔，符合当地规范）
console.log(value.toLocaleString('de-DE', { style: 'percent' }));

自定义小数位数 #

如果需要固定展示的小数位数，可以追加小数位控制配置，不会影响地区格式的适配规则：

const value = 0.02; // 对应2%
// 固定保留1位小数，中国大陆地区输出 2.0%
console.log(value.toLocaleString('zh-CN', {
  style: 'percent',
  minimumFractionDigits: 1,
  maximumFractionDigits: 1
}));

注意事项：如果你拿到的原始数据已经是乘以100后的数值（比如1.15代表1.15%），不需要额外做除法换算，只需要追加配置scale: 100即可正常格式化。

内容的提问来源于stack exchange，提问作者Alex