数字格式化是开发中经常遇到的任务，特别是在需要为数字添加千分位符或控制小数位数时。以下是几种常用的数字格式化方法，每种方法有其优缺点，适用于不同的需求场景。
1. toLocaleString() 方法
toLocaleString() 是 JavaScript 内置的数字格式化方法，它可以根据用户的区域设置自动添加千分位符，并提供对小数位数的控制。
代码示例：
let num = 1234567.89;
let formatted = num.toLocaleString();
console.log(formatted); // "1,234,567.89" (根据地区不同，千分号可能是逗号或空格)
保留多位小数配置：
let num = 1234567.891111;
let formatted = num.toLocaleString(undefined, {
minimumFractionDigits: 10,
maximumFractionDigits: 10,
});
console.log(formatted); // "1,234,567.8911110000"
优点：
- 简洁易用：只需调用一次 toLocaleString()，即可实现千分位格式化。
- 地区适应性：根据不同地区自动使用适当的千分号和小数点符号（例如，欧洲使用空格作为千分号，而美国使用逗号）。
- 支持小数点控制：通过设置参数，用户可以控制小数位数。
缺点：
- 地区依赖性：千分号符号和小数点符号会根据浏览器的默认地区设置变化，可能不符合预期格式。如果需要严格控制格式，可能需要额外的配置。
- 浏览器兼容性：早期浏览器可能不完全支持 toLocaleString()，但现代浏览器基本都支持。
2. 正则表达式
使用正则表达式进行数字格式化提供了较高的灵活性，可以精确控制数字的千分位和小数点。
代码示例：
function formatNumber(num, decimalPlaces = 2) {
// 保证小数部分精度
let [integer, decimal] = num.toFixed(decimalPlaces).split('.');
// 格式化整数部分（千分位）
integer = integer.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
// 如果有小数部分，则保留小数部分
return decimal ? `${integer}.${decimal}` : integer;
}
let num = 1234567.891231;
console.log(formatNumber(num, 5)); // "1,234,567.89123"
优点：
- 精确控制：通过 toFixed() 保证小数精度，避免简单字符串操作导致的精度丢失。
- 灵活性强：无论小数部分有多长，都能正确保留和格式化。
缺点：
- 代码冗长：需要编写较多的代码，尤其是涉及小数、四舍五入等情况时。
- 对性能有一定影响：在处理大量数据时，使用正则表达式可能比 toLocaleString() 或 Intl.NumberFormat 更耗性能。
3. Intl.NumberFormat 方法
Intl.NumberFormat 是一个用于格式化数字的内置方法，提供了比 toLocaleString() 更细粒度的控制，适用于需要更复杂格式化要求的场景。
代码示例：
let num = 1234567.891231;
let formatted = new Intl.NumberFormat('en-US', {
minimumFractionDigits: 5, // 保证至少有5位小数
maximumFractionDigits: 5 // 最多保留5位小数
}).format(num);
console.log(formatted); // "1,234,567.89123"
解释：
- minimumFractionDigits：保证数字至少有指定的小数位数，若实际小数位数不足，会自动补零。
- maximumFractionDigits：最多保留指定的小数位数，超出的小数部分将被四舍五入。
优点：
- 精确控制：Intl.NumberFormat 提供了详细的选项来控制千分位符和小数位数，支持国际化。
- 支持更多选项：能够处理不同的货币符号、语言和区域设置。
缺点：
- 可能会四舍五入：如果设置了 maximumFractionDigits，超出的小数部分会被四舍五入。
- 不支持更复杂的格式化：比如自定义千分号、日期格式等复杂需求时，仍需额外的自定义逻辑。
4. 第三方库（如 numeral.js）
第三方库如 numeral.js 提供了强大的数字格式化功能，可以非常容易地实现数字的千分位格式化，并支持更多复杂的格式化需求（如货币、百分比等）。
代码示例：
let num = 1234567.89;
let formatted = numeral(num).format('0,0.00');
console.log(formatted); // "1,234,567.89"
优点：
- 功能强大：提供丰富的格式化选项，可以轻松处理货币、日期、百分比等多种格式。
- 简洁易用：库函数可避免编写复杂的正则表达式或处理逻辑。
缺点：
- 增加项目依赖：引入外部库会增加项目的体积，适用于对格式化有更高需求的场景。
- 学习成本：需要学习库的 API 和配置选项。
5. 手动格式化（自定义函数）
手动编写格式化函数是最灵活的方式，它能提供完全的控制权，适用于非常特定的需求。
代码示例：
function formatNumber(num) {
let [integer, decimal] = num.toString().split('.');
integer = integer.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
return decimal ? integer + '.' + decimal : integer;
}
let num = 1234567.89;
console.log(formatNumber(num)); // "1,234,567.89"
优点：
- 灵活性强：可以完全控制数字格式的各个部分，能根据需求添加其他格式化规则。
- 无需外部依赖：不需要额外的库，完全使用原生 JavaScript 实现。
缺点：
- 代码复杂：涉及更多的逻辑，尤其是小数点、负数、四舍五入等情况时，代码可能变得较长。
- 可读性差：如果没有良好的注释，代码可能显得较为晦涩。
总结
根据项目需求和对格式的要求，可以选择最合适的数字格式化方法：
- 简洁易用：toLocaleString() 和 Intl.NumberFormat 适合需要国际化支持和简单格式化的场景。
- 灵活控制：正则表达式和手动格式化提供了完全自定义的格式化，适合特定需求，但代码较为复杂。
- 强大功能：第三方库如 numeral.js 提供了丰富的功能，适合对格式化有更高要求的项目，但会增加额外的依赖。
选择方法时，需要综合考虑项目需求、代码可维护性以及外部依赖的管理。
