代码改变世界

js 实现类似php函数number_format的功能

2016-12-16 18:09  ZengGW  阅读(4594)  评论(0编辑  收藏  举报

今天同事在做一个功能的时候需要使用js来实现类似php函数number_format的功能,最后就有了下面的方法,可以实现了:

  /**
     * number_format
     * @param number 传进来的数,
     * @param bit 保留的小数位,默认保留两位小数,
     * @param sign 为整数位间隔符号,默认为空格
     * @param gapnum 为整数位每几位间隔,默认为3位一隔
     * @type arguments的作用:arguments[0] == number(之一)
    */
    function number_format(number,bit,sign,gapnum){
        //设置接收参数的默认值
        var bit    = arguments[1] ? arguments[1] : 2 ;
        var sign   = arguments[2] ? arguments[2] : ' ' ;
        var gapnum = arguments[3] ? arguments[3] : 3 ;
        var str    = '' ;

        number     = number.toFixed(bit);//格式化
        realnum    = number.split('.')[0];//整数位(使用小数点分割整数和小数部分)
        decimal    = number.split('.')[1];//小数位
        realnumarr = realnum.split('');//将整数位逐位放进数组 ["1", "2", "3", "4", "5", "6"]
        
        //把整数部分从右往左拼接,每bit位添加一个sign符号
        for(var i=1;i<=realnumarr.length;i++){
            str = realnumarr[realnumarr.length-i] + str ;
            if(i%gapnum == 0){
                str = sign+str;//每隔gapnum位前面加指定符号
            }
        }
        
        //当遇到 gapnum 的倍数的时候,会出现比如 ",123",这种情况,所以要去掉最前面的 sign
        str = (realnum.length%gapnum==0) ? str.substr(1) : str;
        //重新拼接实数部分和小数位
        realnum = str+'.'+decimal;
        return realnum;
    }

测试了一下:

  $("#caonidaye").click(function(){
    console.log(number_format(1234561.78,2,','));
  })

结果: