如何覆盖Intl.NumberFormat的货币符号，自定义CAD显示为C$？

Intl.NumberFormat本身没有提供直接覆盖货币符号的配置项，但可以通过formatToParts()方法拆分格式化后的组件，替换货币符号后重新拼接——既能保留区域设置的格式规则（比如千分位、小数点、符号位置），又能自定义符号。

实现方法 #

写一个通用函数来处理：

function formatCurrencyWithCustomSymbol(locale, currency, value, customSymbol) {
  const formatter = new Intl.NumberFormat(locale, {
    style: 'currency',
    currency: currency,
    minimumFractionDigits: 2,
    maximumFractionDigits: 2
  });
  
  // 拆分格式化后的各个部分
  const parts = formatter.formatToParts(value);
  
  // 替换货币符号部分
  const modifiedParts = parts.map(part => {
    if (part.type === 'currency') {
      return { ...part, value: customSymbol };
    }
    return part;
  });
  
  // 重新拼接成最终字符串
  return modifiedParts.map(part => part.value).join('');
}

测试示例 #

针对你的需求调用函数：

// en-CA 区域
console.log(formatCurrencyWithCustomSymbol('en-CA', 'CAD', 13999.59, 'C$'));
// 输出: 'C$13,999.59'

// fr-CA 区域
console.log(formatCurrencyWithCustomSymbol('fr-CA', 'CAD', 13999.59, 'C$'));
// 输出: '13 999,59 C$'

这个方法完全遵循原区域的格式逻辑，只替换符号内容，不管符号在前面还是后面都能正确适配。

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