简介

在前端开发中，我们经常需要对数字进行格式化，其中一种常见的需求就是将数字表示为千分位格式，以提高可读性。本文将介绍如何使用 JavaScript 实现一个简单而有效的千分位格式化函数。

千分位格式化的需求

千分位格式化是一种将数字中的每三位数字用逗号分隔的表示方法。例如，数字 1234567 将被格式化为 1,234,567。这种格式化方法通常用于显示大额金额、统计数据等。

思路

• 将输入的数字转换为字符串。
• 如果有小数部分，将整数部分和小数部分分别提取出来。
• 对整数部分和小数部分进行千分位格式化。使用循环，从字符串的末尾开始，每隔三位插入一个逗号。
• 将格式化后的整数部分和小数部分拼接起来，用小数点连接。
• 返回格式化后的字符串。

实现

function formatNumber(number) {let str = number.toString();let integerPart = str.split('.')[0].split('');let decimalPart = str.split('.')[1] ? str.split('.')[1].split('') : [];// 对整数部分进行千分位格式化for (let i = integerPart.length - 3; i > 0; i -= 3) {integerPart[i] = ',' + integerPart[i];}// 对小数部分进行千分位格式化for (let i = decimalPart.length - 3; i > 0; i -= 3) {decimalPart[i] = ',' + decimalPart[i];}// 拼接整数部分和小数部分return integerPart.join('') + (decimalPart.length ? '.' + decimalPart.join('') : '');
}const number = 9999999.9999const ans = formatNumber(number);
console.log(ans); // 9,999,999.9,999

总结

千分位格式化是前端开发中一个常见而有用的需求。通过使用上述简单的 JavaScript 函数。

希望本文对您理解和实现千分位格式化有所帮助！