本文介绍一个经过优化的JavaScript函数，用于将数字转换为千分位格式（每三位用逗号分隔）。该函数支持0到9位的小数位数配置，并能处理整数、小数及字符串输入。代码包含类型校验与逻辑分支，旨在解决前端金额展示需求，同时指出了小数末尾为0时可能存在的显示差异。
千分位格式化需求与功能概述
近期在项目开发中，前端需要实现金额的千分位格式化功能，即每三位数字插入一个逗号。此前发布的版本存在疏漏，现已修正。若仍有不足之处，欢迎指正。
该功能支持0至9位小数位的逗号分隔处理。
JavaScript实现代码详解
具体实现代码如下：
代码实现如下：
/**
* JavaScript格式化逻辑
* @param number 待格式化的数值
* @param d 小数位数，范围[0-9]
*/
function numFormat(number,d) {
var numArrs = ['0','1','2','3','4','5','6','7','8','9'],
REG_NUMBER = /^\d+(.\d+)?$/;
d = d || 3; // 默认值为3，即标准千分位
if(isNumber(number) || isString(number) || REG_NUMBER.test(number)) {
// 首先转换为字符串处理
var toString = number + '',
isPoint = toString.indexOf('.'),
prefix, // 整数部分前缀
suffix, // 小数部分后缀
t = '';
if(isPoint > 0) {
prefix = toString.substring(0,isPoint);
suffix = toString.substring(isPoint + 1);
}else if(isPoint == 0) {
prefix = '';
suffix = toString.substring(1);
}else {
prefix = toString;
suffix = '';
}
if(prefix != '') {
prefixArr = prefix.split('').reverse();
var isArrayIndex = isArray(d,numArrs); if(isArrayIndex > -1) {
for(var i = 0, ilen = prefixArr.length; i < ilen; i+=1) {
t += prefixArr[i] + ((i + 1) % isArrayIndex == 0 && (i + 1) != prefixArr.length ? "," : "");
}
t = t.split("").reverse().join("");
if(suffix != '') {
return t + "." + suffix;
}else {
return t;
}
}else {
return '传入的多少位不正确';
}
}else if(prefix != '' && suffix == ''){
return prefix;
}else if(prefix == '' && suffix != ''){
prefix = 0;
return prefix + suffix;
}else {
return "有错误";
}
}else {
return '传入的要格式化的数字不符合';
}
}
function isArray(item,arrs) {
for(var i = 0, ilen = arrs.length; i < ilen; i++) {
if(item == arrs[i]) {
return i;
}
}
return -1;
}
function isNumber(number) {
return Object.prototype.toString.apply(number) === '[object Number]';
}
function isString(number) {
return Object.prototype.toString.apply(number) === ['object String'];
}已知局限与测试反馈
目前尚存一个潜在问题：调用 console.log(numFormat("1111.00")) 时，控制台直接输出 1,111 而非 1,111.00。这是因为浏览器会自动去除小数点后无效的0。经测试，其他情况基本符合预期，如有疏漏请多指教。