JavaScript实现支持0-9位千分位格式化的数字处理函数
作者:小满时间:2026-10-27 18:59:57浏览:653
本文介绍一个经过优化的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。经测试,其他情况基本符合预期,如有疏漏请多指教。
作者最新文章
JS空字符串、null和undefined转数字的结果是什么
2026-11-05 14:49:16
CodePen、JSFiddle与StackBlitz:主流JS在线编辑器对比
2026-11-05 13:38:29
JS怎么将时间戳转换为“刚刚”、“几分钟前”等相对时间
2026-11-05 12:55:14
JavaScript将儒略日逆向还原为公历日期时间的实现方法
2026-11-04 23:51:05
能在我的世界手机版直接修改JS代码吗
2026-11-04 19:02:53
