Number Formatting in Javascript

Number formatting is very typical process in every programming language , here ,I have a solution of this type of problem , which is written in javascript language , in these lines of code ,you can convert any type of number as you want like "1,056 items at $3.90 per item amounts to a total of $4,118.40" this type of number conversion , now question arise here that ,will it run on every language like ASP , JSP....etc ?
again answer is same yes always , before trying this I recommend that get a little bit knowledge of prototype of  javascript language it will help you to understand block of code. Click here to Download Demo .


Code:
  1. <!--Author : Mohammad Usman
    2. 

  2.    Date   : 10/03/2011 -->
    3. 

  3. <html>
    4. 

  4. <head><title>Number Formatting</title>
    5. 

  5. <script language="javascript">
    6. 

  6. function numberformat(){
    7. 

  7. Number.prototype.toCurrency=function(noFractions,currencySymbol,decimalSeparator,thousandsSeparator){
    8. 

  8.    var n,startAt,intLen;
    9. 

  9.    if (currencySymbol==null) currencySymbol="$";
    10. 

  10.    if (decimalSeparator==null) decimalSeparator=".";
    11. 

  11.    if (thousandsSeparator==null) thousandsSeparator=",";
    12. 

  12.    n = this.round(noFractions?0:2,true,decimalSeparator);
    13. 

  13.    intLen=n.length-(noFractions?0:3);
    14. 

  14.    if ((startAt=intLen%3)==0) startAt=3;
    15. 

  15.    for (var i=0,len=Math.ceil(intLen/3)-1;i<len;i++)n=n.insertAt(i*4+startAt,thousandsSeparator);
    16. 

  16.   return currencySymbol+n;
    17. 

  17. }
    18. 

  18. Number.prototype.toInteger=function(thousandsSeparator){
    19. 

  19.   var n,startAt,intLen;
    20. 

  20.   if (thousandsSeparator==null) thousandsSeparator=",";
    21. 

  21.   n = this.round(0,true);
    22. 

  22.   intLen=n.length;
    23. 

  23.   if ((startAt=intLen%3)==0) startAt=3;
    24. 

  24.   for (var i=0,len=Math.ceil(intLen/3)-1;i<len;i++)n=n.insertAt(i*4+startAt,thousandsSeparator);
    25. 

  25.   return n;
    26. 

  26. }
    27. 

  27. Number.prototype.round=function(decimals,returnAsString,decimalSeparator){
    28. 

  28.   //Supports 'negative' decimals, e.g. myNumber.round(-3) rounds to the nearest thousand
    29. 

  29.   var n,factor,breakPoint,whole,frac;
    30. 

  30.   if (!decimals) decimals=0;
    31. 

  31.   factor=Math.pow(10,decimals);
    32. 

  32.   n=(this.valueOf()+"");         //To get the internal value of an Object, use the valueOf() method
    33. 

  33.   if (!returnAsString) return Math.round(n*factor)/factor;
    34. 

  34.   if (!decimalSeparator) decimalSeparator=".";
    35. 

  35.   if (n==0) return "0."+((factor+"").substr(1));
    36. 

  36.   breakPoint=(n=Math.round(n*factor)+"").length-decimals;
    37. 

  37.   whole = n.substr(0,breakPoint);
    38. 

  38.   if (decimals>0){
    39. 

  39.       frac = n.substr(breakPoint);
    40. 

  40.       if (frac.length<decimals) frac=(Math.pow(10,decimals-frac.length)+"").substr(1)+frac;
    41. 

  41.      return whole+decimalSeparator+frac;
    42. 

  42.   }else return whole+((Math.pow(10,-decimals)+"").substr(1));
    43. 

  43. }
    44. 

    45. 

  45. String.prototype.insertAt=function(loc,strChunk){
    46. 

  46.   return (this.valueOf().substr(0,loc))+strChunk+(this.valueOf().substr(loc))
    47. 

  47. }
    48. 

    49. 

  49. var quantity=1056;
    50. 

  50. var costPer=3.9;
    51. 

  51. var totalCost=quantity*costPer;
    52. 

  52. alert(quantity.toInteger()+" items at "+costPer.toCurrency()+" per item amounts to a total of "+totalCost.toCurrency());
    53. 

  53. //Yields "1,056 items at $3.90 per item amounts to a total of $4,118.40"
    54. 

  54. }
    55. 

  55. </script>
    56. 

  56. </head>
    57. 

  57. <body>
    58. 

  58. <input type="button" value="Example of Number Format" onclick="numberformat();"/>
    59. 

  59. </html>
    60.


No comments:

Post a Comment

Subscribe to: Post Comments (Atom)

Comment On Facebook