# 5个缺失的 JavaScript 数字格式化函数

1. 四舍五入

2. 给数字添加逗号

3. 类似PHP的 number_format 功能

4. 添加序数词

5. 从字符串中移除非数字字符

## 代码片段(4)[全屏查看所有代码]

### 1. [代码]四舍五入     跳至 [1] [2] [3] [4] [全屏预览]

```/** 下面两个函数都能对浮点数进行四舍五入，保留小数点后两位 **/

function CurrencyFormatted(amount) {
var i = parseFloat(amount);
if(isNaN(i)) { i = 0.00; }
var minus = '';
if(i < 0) { minus = '-'; }
i = Math.abs(i);
i = parseInt((i + .005) * 100);
i = i / 100;
s = new String(i);
if(s.indexOf('.') < 0) { s += '.00'; }
if(s.indexOf('.') == (s.length - 2)) { s += '0'; }
s = minus + s;
return s;
}

/**
*   Usage:  CurrencyFormatted(12345.678);
*   result: 12345.68
**/

function format_number(pnumber,decimals){
if (isNaN(pnumber)) { return 0};
if (pnumber=='') { return 0};

var snum = new String(pnumber);
var sec = snum.split('.');
var whole = parseFloat(sec[0]);
var result = '';

if(sec.length > 1){
var dec = new String(sec[1]);
dec = String(parseFloat(sec[1])/Math.pow(10,(dec.length - decimals)));
dec = String(whole + Math.round(parseFloat(dec))/Math.pow(10,decimals));
var dot = dec.indexOf('.');
if(dot == -1){
dec += '.';
dot = dec.indexOf('.');
}
while(dec.length <= dot + decimals) { dec += '0'; }
result = dec;
} else{
var dot;
var dec = new String(whole);
dec += '.';
dot = dec.indexOf('.');
while(dec.length <= dot + decimals) { dec += '0'; }
result = dec;
}
return result;
}

/**
*   Usage:  format_number(12345.678, 2);
*   result: 12345.68
**/```

### 2. [代码]给数字添加逗号     跳至 [1] [2] [3] [4] [全屏预览]

```/** 每三位数字添加一个逗号，方便阅读 **/

function CommaFormatted(amount) {
var delimiter = ","; // replace comma if desired
amount = new String(amount);
var a = amount.split('.',2)
var d = a[1];
var i = parseInt(a[0]);
if(isNaN(i)) { return ''; }
var minus = '';
if(i < 0) { minus = '-'; }
i = Math.abs(i);
var n = new String(i);
var a = [];
while(n.length > 3)
{
var nn = n.substr(n.length-3);
a.unshift(nn);
n = n.substr(0,n.length-3);
}
if(n.length > 0) { a.unshift(n); }
n = a.join(delimiter);
if(d.length < 1) { amount = n; }
else { amount = n + '.' + d; }
amount = minus + amount;
return amount;
}

/**
*   Usage:  CommaFormatted(12345678);
*   result: 12,345,678
**/

nStr += '';
var x = nStr.split('.');
var x1 = x[0];
var x2 = x.length >; 1 ? '.' + x[1] : '';
var rgx = /(d+)(d{3})/;

while (rgx.test(x1)) {
x1 = x1.replace(rgx, '\$1' + ',' + '\$2');
}

return x1 + x2;
}

/**
*   result: 12,345,678
**/```

### 3. [代码]类似PHP的 number_format 功能     跳至 [1] [2] [3] [4] [全屏预览]

```/** 这个函数可以添加分隔逗号或者进行四舍五入。 **/

function number_format (number, decimals, dec_point, thousands_sep) {

number = (number + '').replace(/[^0-9+-Ee.]/g, '');
var n = !isFinite(+number) ? 0 : +number,
prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,
dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
s = '',
toFixedFix = function (n, prec) {
var k = Math.pow(10, prec);
return '' + Math.round(n * k) / k;
};
// Fix for IE parseFloat(0.55).toFixed(0) = 0;
s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
if (s[0].length > 3) {
s[0] = s[0].replace(/B(?=(?:d{3})+(?!d))/g, sep);
}
if ((s[1] || '').length < prec) {
s[1] = s[1] || '';
s[1] += new Array(prec - s[1].length + 1).join('0');
}
return s.join(dec);
}

/**
*   Usage:  number_format(123456.789, 2, '.', ',');
*   result: 123,456.79
**/```

### 4. [代码]添加序数词     跳至 [1] [2] [3] [4] [全屏预览]

```/** 给数字添加"st, nd, rd, th"等序数词。 **/

Number.prototype.toOrdinal = function() {
var n = this % 100;
var suffix = ['th', 'st', 'nd', 'rd', 'th'];
var ord = n < 21 ? (n < 4 ? suffix[n] : suffix[0]) : (n % 10 > 4 ? suffix[0] : suffix[n % 10]);
return this + ord;
}

/*
*   Usage:
*   var myNumOld = 23
*   var myNumNew = myNumOld.toOrdinal()
*   Result: 23rd
*/```

## 发表评论 回到顶部 网友评论(12)

•  1楼：无忌 发表于 2011-11-10 12:38
•  2楼：robertZ 发表于 2011-11-10 12:51
•  3楼：Smeagol 发表于 2011-11-11 13:50 可惜js不支持反向引用，不然给数字加逗号的时候一条正则就搞定了。
•  4楼：cnokiaa 发表于 2011-11-11 14:39 学习了
•  5楼：xyz555 发表于 2011-11-11 16:57 四舍五入alert((565624.45678).toPrecision(8));
•  6楼：兔bug 发表于 2011-11-13 00:00 不错，学习了！
•  7楼：不会枯萎的草 发表于 2011-11-16 09:32 楼主，好像少了一个呢！
•  8楼：只会百度的程序员 发表于 2012-09-17 10:04 alert((3.1415926).toFixed(2));    // 虽然有点bug，但能解决很多问题了。
•  9楼：MYCOIN 发表于 2012-11-07 23:05 日期处理也是JS郁闷的事情；IE下的new Date("2012-11-06");  时间运算。多日历选择问题等等
•  10楼：no_heart 发表于 2013-07-03 16:49 非常好,不过楼主数学老师体育老师教的吧
•  11楼：liuweihug 发表于 2014-07-26 10:21 js实现数字分组格式化（银行金额效果） - 前端编程   http://www.suchso.com/UIweb/js-number-format.html
• 12楼：杨佰 发表于 2015-05-12 15:40

#### 引用来自“Smeagol”的评论

可惜js不支持反向引用，不然给数字加逗号的时候一条正则就搞定了。
求指教啊！！！！