使用formatNumber格式化数字
在前端开发中，经常需要对数字进行格式化显示，比如要将一个非常长的数字转化为易读的形式，或者要添加千分位分隔符。JavaScript中提供了一个内置函数formatNumber来帮助我们实现这一功能。本文将介绍formatNumber的用法和常见应用场景。
formatNumber函数的语法和用法
formatNumber是JavaScript中的一个内置函数，其语法如下：
formatNumber(number, decimals, decimalSeparator, thousandSeparator)
参数说明：
- number：要格式化的数字。
- decimals：小数位数，默认为0。
- decimalSeparator：小数点分隔符，默认为“.”。
- thousandSeparator：千分位分隔符，默认为“,”。
formatNumber会根据传入的参数对number进行格式化，并返回一个格式化后的字符串。
常见用法
以下是一些常见的使用formatNumber的场景：
1. 将长数字转换为易读形式
当一个数字非常大时，直接显示在页面上可能会导致显示不全或混乱。这时可以使用formatNumber来将数字转化为易读形式，比如：
var number = 1000000000;
var formattedNumber = formatNumber(number);
输出结果：1,000,000,000
这样，原本难以阅读的数字变得清晰易懂。
2. 添加千分位分隔符
在一些需要显示大数据的场景中，为了便于读取，常常需要在数字中添加千分位分隔符。
var number = 1234567890;
var formattedNumber = formatNumber(number);
输出结果：1,234,567,890
千分位分隔符的添加使得数字更加整齐，方便阅读。
自定义分隔符
formatNumber还支持自定义小数点分隔符和千分位分隔符。
var number = 123456.789;
var formattedNumber = formatNumber(number, 2, \".\", \"'\");
输出结果：123'456.79
通过传递第三个和第四个参数，可以将小数点分隔符设置为“.”，千分位分隔符设置为“'”，以满足特定需求。
总结
formatNumber是JavaScript中非常有用的一个内置函数，可以帮助我们轻松地对数字进行格式化。常见的使用场景包括将长数字转换为易读形式和添加千分位分隔符等。通过传递参数，我们可以自定义小数点分隔符和千分位分隔符。希望本文对您理解和使用formatNumber函数提供了帮助。
参考文献：
1. https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat
2. https://www.w3schools.com/jsref/jsref_number_format.asp
