夏日博客

A-A+

自定义JavaScript数字格式化函数

2016年01月21日 前端设计 暂无评论 阅读 6 views 次

我们写的数字格式化函数是javascript本身缺失函数，也就是说js不没有些功能函数，用户自己写了，下面有需要的朋友可参考一下。

1.四舍五入

下面两个函数都能对浮点数进行四舍五入,保留小数点后两位,下面两个函数都能对浮点数进行四舍五入,保留小数点后两位,代码如下:

  1. function CurrencyFormatted(amount) {  
  2. var i = parseFloat(amount);  
  3. if(isNaN(i)) { i = 0.00; }  
  4. var minus = '';  
  5. if(i < 0) { minus = '-'; }  
  6. i = Math.abs(i);  
  7. i = parseInt((i + .005) * 100);  
  8. i = i / 100;  
  9. s = new String(i);  
  10. if(s.indexOf('.') < 0) { s += '.00'; }  
  11. if(s.indexOf('.') == (s.length - 2)) { s += '0'; }  
  12. s = minus + s;  
  13. return s;  
  14. }  
  15.    
  16. function format_number(pnumber,decimals){  
  17. if (isNaN(pnumber)) { return 0};  
  18. if (pnumber=='') { return 0};  
  19.    
  20. var snum = new String(pnumber);  
  21. var sec = snum.split('.');  
  22. var whole = parseFloat(sec[0]);  
  23. var result = '';  
  24.    
  25. if(sec.length > 1){  
  26. var dec = new String(sec[1]);  
  27. dec = String(parseFloat(sec[1])/Math.pow(10,(dec.length - decimals)));  
  28. dec = String(whole + Math.round(parseFloat(dec))/Math.pow(10,decimals));  
  29. var dot = dec.indexOf('.');  
  30. if(dot == -1){  
  31. dec += '.';  
  32. dot = dec.indexOf('.');  
  33. }  
  34. while(dec.length <= dot + decimals) { dec += '0'; }  
  35. result = dec;  
  36. } else{  
  37. var dot;  
  38. var dec = new String(whole);  
  39. dec += '.';  
  40. dot = dec.indexOf('.');   
  41. while(dec.length <= dot + decimals) { dec += '0'; }  
  42. result = dec;  
  43. }   
  44. return result;  
  45. }  

2.给数字添加逗号

每三位数字添加一个逗号,方便阅读,每三位数字添加一个逗号,方便阅读,代码如下:

  1. function CommaFormatted(amount) {  
  2. var delimiter = ","; // replace comma if desired  
  3. amount = new String(amount);  
  4. var a = amount.split('.',2)  
  5. var d = a[1];  
  6. var i = parseInt(a[0]);  
  7. if(isNaN(i)) { return ''; }  
  8. var minus = '';  
  9. if(i < 0) { minus = '-'; }  
  10. i = Math.abs(i);  
  11. var n = new String(i);  
  12. var a = [];  
  13. while(n.length > 3)  
  14. {  
  15. var nn = n.substr(n.length-3);  
  16. a.unshift(nn);  
  17. n = n.substr(0,n.length-3);  
  18. }  
  19. if(n.length > 0) { a.unshift(n); }  
  20. n = a.join(delimiter);  
  21. if(d.length < 1) { amount = n; }  
  22. else { amount = n + '.' + d; }  
  23. amount = minus + amount;  
  24. return amount;  
  25. }  
  26.    
  27. /** 
  28. * Usage: CommaFormatted(12345678); 
  29. * result: 12,345,678 
  30. **/  
  31.   
  32. function addCommas(nStr) {  
  33. nStr += '';  
  34. var x = nStr.split('.');  
  35. var x1 = x[0];  
  36. var x2 = x.length >; 1 ? '.' + x[1] : '';  
  37. var rgx = /(d+)(d{3})/;  
  38.    
  39. while (rgx.test(x1)) {  
  40. x1 = x1.replace(rgx, '$1' + ',' + '$2');  
  41. }  
  42.    
  43. return x1 + x2;  
  44. }  
  45.   
  46. /** 
  47. * Usage: addCommas(12345678); 
  48. * result: 12,345,678 
  49. **/  

3. 类似PHP的 number_format 功能

这个函数可以添加分隔逗号或者进行四舍五入,这个函数可以添加分隔逗号或者进行四舍五入,代码如下:

  1. function number_format (number, decimals, dec_point, thousands_sep) {  
  2.    
  3. number = (number + '').replace(/[^0-9+-Ee.]/g, '');  
  4. var n = !isFinite(+number) ? 0 : +number,  
  5. prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),  
  6. sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,  
  7. dec = (typeof dec_point === 'undefined') ? '.' : dec_point,  
  8. s = '',  
  9. toFixedFix = function (n, prec) {  
  10. var k = Math.pow(10, prec);  
  11. return '' + Math.round(n * k) / k;  
  12. };  
  13. // Fix for IE parseFloat(0.55).toFixed(0) = 0;  
  14. s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');  
  15. if (s[0].length > 3) {  
  16. s[0] = s[0].replace(/B(?=(?:d{3})+(?!d))/g, sep);  
  17. }  
  18. if ((s[1] || '').length < prec) {  
  19. s[1] = s[1] || '';  
  20. s[1] += new Array(prec - s[1].length + 1).join('0');  
  21. }  
  22. return s.join(dec);  
  23. }  
  24.    
  25. /** 
  26. * Usage: number_format(123456.789, 2, '.', ','); 
  27. * result: 123,456.79 
  28. **/  

4.添加序数词

给数字添加"st, nd, rd, th"等序数词,给数字添加"st, nd, rd, th"等序数词,代码如下:

  1. Number.prototype.toOrdinal = function() {  
  2. var n = this % 100;  
  3. var suffix = ['th', 'st', 'nd', 'rd', 'th'];  
  4. var ord = n < 21 ? (n < 4 ? suffix[n] : suffix[0]) : (n % 10 > 4 ? suffix[0] : suffix[n % 10]);  
  5. return this + ord;  
  6. }  
  7.   
  8. /* 
  9. * Usage: 
  10. * var myNumOld = 23 
  11. * var myNumNew = myNumOld.toOrdinal() 
  12. * Result: 23rd 
  13. */  

总结,四舍五入函数好像js自带了函数,貌似四舍五入用自带的toFixed就可以实现了,代码如下:

(2.83).toFixed(0) ==> 3

(2.6666).toFixed(2) ==> 2.67

标签：

给我留言