JS 数字添加千位分隔符

fengyehongWorld

已于 2023-12-03 14:11:31 修改

阅读量1.2k

点赞数

分类专栏： # JS 文章标签： javascript

于 2021-12-16 21:44:58 首次发布

本文链接：https://blog.csdn.net/feyehong/article/details/121984778

版权

JS 专栏收录该内容

52 篇文章 1 订阅

订阅专栏

本文介绍了如何使用正则表达式格式化数字，探讨了toLocaleString()方法的数字处理限制，并对比了newIntl.NumberFormat()方法在国际化的精确控制。适合理解数值格式转换的开发者阅读。

摘要由CSDN通过智能技术生成

一. 正则表达式

const reg = /(\d)(?=(\d{3})+$)/g;

// ❗❗❗使用String()把数字转换为字符串的优点在于null等情况不会报错
console.log(String(123456789).replace(reg, "$1,"));  // 123,456,789
// 支持整数,不支持小数
console.log(String(123456789.1315454).replace(reg, "$1,"));  // 123456789.1,315,454
console.log(String(1000).replace(reg, "$1,"));  // 1,000
console.log(String(null).replace(reg, "$1,"));  // null
console.log(String(undefined).replace(reg, "$1,"));  // undefined
console.log(String(NaN).replace(reg, "$1,"));  // NaN
console.log('😁😁😁😁😁😁');

二. toLocaleString()方法

// ❗❗❗必须是数字,如果是null或者undefined的话,会报错
console.log((123456789).toLocaleString('en-US'));  // 123,456,789
// 最多保留三位小数
console.log((123456789.1315454).toLocaleString('en-US'));  // 123,456,789.132
console.log('😁😁😁😁😁😁');

三. new Intl.NumberFormat()方法

console.log(new Intl.NumberFormat('en-US', {}).format(123456789.1315454));  
// 123,456,789.132
console.log(new Intl.NumberFormat('ja-JP', { style: 'currency', currency: 'JPY' }).format(123456789.1315454));  
// ￥123,456,789