如何用Intl.NumberFormat实现1000起的数字千位分隔符格式化？

你的核心问题是手动编写的格式化逻辑覆盖了Intl.NumberFormat的原生行为，导致1000的千位分隔符未生效。

看你原来的代码：当数字带小数时，你直接用toFixed(2).replace(/\./g, ',')处理，这会完全丢掉千位分隔符；同时你误解了es地区的格式化能力——原生的Intl.NumberFormat('es')本来就会给1000加上千位分隔符，你的手动逻辑反而破坏了这个效果。

调整方案如下：

1. 删除所有手动处理小数、替换字符的逻辑，完全依赖Intl.NumberFormat处理所有数字格式
2. 保留es地区配置，不需要额外添加minimumSignificantDigits这类冗余配置

修改后的完整代码：

formatNumericValues() {
    const numberFormat = new Intl.NumberFormat('es', {
        minimumFractionDigits: 0,
        maximumFractionDigits: 2,
    });

    this.tableItems.forEach((item) => {
        // eslint-disable-next-line no-restricted-syntax
        for (const key in item) {
            if (typeof item[key] === 'number') {
                item[key] = numberFormat.format(item[key]);
            }
        }
    });
}

调整后效果：

• 整数1000 → 1.000（符合西班牙语地区千位分隔符规则）
• 整数10000 → 10.000
• 带小数的1234.5 → 1.234,5
• 带两位小数的123.45 → 123,45

原生的格式化已经帮你处理了整数不显示末尾.00的需求，因为minimumFractionDigits设为0，整数会自动省略小数部分。

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