当前访客身份:游客 [ 登录 | 加入 OSCHINA ]

代码分享

当前位置:
代码分享 » JavaScript  » 网页设计与交互
分享到: 
收藏 +0
1
以下是五个有用的JS数字格式化函数
1. 四舍五入
下面两个函数都能对浮点数进行四舍五入,保留小数点后两位。

2. 给数字添加逗号
每三位数字添加一个逗号,方便阅读

3. 类似PHP的 number_format 功能
这个函数可以添加分隔逗号或者进行四舍五入。

4. 添加序数词
给数字添加"st, nd, rd, th"等序数词。

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
**/

function addCommas(nStr) {
    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;
}
 
/**
*   Usage:  addCommas(12345678);
*   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
*/


开源中国-程序员在线工具:Git代码托管 API文档大全(120+) JS在线编辑演示 二维码 更多»

发表评论 回到顶部 网友评论(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不支持反向引用,不然给数字加逗号的时候一条正则就搞定了。
    求指教啊!!!!
开源从代码分享开始 分享代码
虫虫的其它代码 全部(3)...