数字使用货币样式，符号、千分位、小数位这些细节设置别踩坑

数字使用货币样式数字使用货币样式，符号、千分位、小数位这些细节设置别踩坑，符号、千分位、小数位这些细节设置别踩坑

做电商后台数据看板三年，数字的金额显示是绕不开的事。把一串纯数字变成带货币符号、千分位、小数的金额，看着简单，真上手才发现坑不少。

最基础的写法是用 toLocaleString，传入 currency 选项，浏览器自动补符号和千分位。比如 new Intl.NumberFormat('zh-CN', {style:'currency', currency:'CNY'}) 处理 1234567.89，输出 ¥1,234,567.89。写报表、做账单，一行代码搞定。

项目里常碰到需要自定义货币符号的情况，比如用户切地区后符号跟着变，内部系统用"元"代替"¥"。这时候 toLocaleString 不够用，得手动拼符号，再用正则给整数部分补千分位、小数保留两位。代码不长数字使用货币样式，但 0、负数、超大数字这些边界都得跑一遍。

容易忽略的一点是：货币样式在表格密集时的可读性。一列单价、一列数量、一列总价，全加货币符号会特别挤。实际做法是只在总价列加符号，单价和数量留纯数字，靠表头标注单位，视觉上清爽，用户读数据也不费劲。

写了上百个金额字段后，我总结就一句话：货币样式的核心不是"加个符号"，是让用户一眼认出这是钱、多少钱、哪个国家的钱。格式对了，业务逻辑就顺了。