js实现的格式化数字和金额功能简单示例

2019-11-19 11:06:25

字体：大中小

来源：转载

供稿：网友

本文实例讲述了js实现的格式化数字和金额功能。分享给大家供大家参考，具体如下：

格式化数字，格式化金额：

function number_format(number, decimals, dec_point, thousands_sep) {  /*  * 参数说明：  * 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.ceil(n * k) / k;    };  s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');  var re = /(-?/d+)(/d{3})/;  while (re.test(s[0])) {    s[0] = s[0].replace(re, "$1" + sep + "$2");  }  if ((s[1] || '').length < prec) {    s[1] = s[1] || '';    s[1] += new Array(prec - s[1].length + 1).join('0');  }  return s.join(dec);}

如何使用：

var num=number_format(1234567.089, 2, ".", ",");//1,234,567.09console.log(num);

再来一个，直接舍去的办法：

function number_format(number, decimals, dec_point, thousands_sep) {    /*    * 参数说明：    * 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.floor(n * k) / k;      };    s = (prec ? toFixedFix(n, prec) : '' + Math.floor(n)).split('.');    var re = /(-?/d+)(/d{3})/;    console.log(s)    while (re.test(s[0])) {      s[0] = s[0].replace(re, "$1" + sep + "$2");    }    if ((s[1] || '').length < prec) {      s[1] = s[1] || '';      s[1] += new Array(prec - s[1].length + 1).join('0');    }    return s.join(dec);}var num=number_format(1234567.089, 2, ".", ",");//1,234,567.08console.log(num)

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具http://tools.VeVB.COm/code/HtmlJsRun测试上述代码运行结果。

PS：这里再为大家推荐几款计算工具供大家进一步参考借鉴：

在线一元函数（方程）求解计算工具：
http://tools.VeVB.COm/jisuanqi/equ_jisuanqi

科学计算器在线使用_高级计算器在线计算：
http://tools.VeVB.COm/jisuanqi/jsqkexue

在线计算器_标准计算器：
http://tools.VeVB.COm/jisuanqi/jsq

更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript排序算法总结》、《JavaScript遍历算法与技巧总结》、《JavaScript查找算法技巧总结》及《JavaScript错误与调试技巧总结》

希望本文所述对大家JavaScript程序设计有所帮助。

上一篇：Koa从零搭建到Api实现项目的搭建方法

下一篇：JS实现点击发送验证码 xx秒后重新发送功能