Javascript Thousand Separator string format

Question

Is there any function in Javascript for formatting number and strings    I am looking for a way for thousand separator for string or numbers     Like String Format In c

User · Answer

thousand separates a digit-only string using commas    by element   onkeyup    ThousandSeparate this      by ID        onkeyup    ThousandSeparate  txt1   lbl1    function ThousandSeparate         if  arguments length    1                var V   arguments 0  value          V   V replace    g              var R   new RegExp   -  0-9     0-9  3               while R test V                         V   V replace R    1  2                      arguments 0  value   V            else  if   arguments length    2                var V   document getElementById arguments 0   value          var R   new RegExp   -  0-9     0-9  3               while R test V                         V   V replace R    1  2                      document getElementById arguments 1   innerHTML   V            else return false

User · Answer

I did not like any of the answers here  so I created a function that worked for me   Just want to share in case anyone else finds it useful   function getFormattedCurrency num        num   num toFixed 2      var cents    num - Math floor num   toFixed 2       return Math floor num  toLocaleString           cents split      1

User · Answer

Updated using look-behind support in line with ECMAScript2018 changes    For backwards compatibility  scroll further down to see the original solution    A regular expression may be used - notably useful in dealing with big numbers stored as strings     x000D   x000D  const format   num   gt   x000D      String num  replace     lt         d        d 3             g    1    x000D   x000D     x000D      format 100                                 100  x000D      format 1000                                1 000  x000D      format 1e10                                10 000 000 000    x000D      format 1000 001001                         1 000 001001  x000D      format  100000000000000 001001001001       100 000 000 000 000 001001001001 x000D    x000D       forEach n   gt  console log n   x000D   x000D   x000D     raquo  Verbose regex explanation  regex101 com         This original answer may not be required but can be used for backwards compatibility    Attempting to handle this with a single regular expression  without callback  my current ability fails me for lack of a negative look-behind in Javascript    never the less here s another concise alternative that works in most general cases - accounting for any decimal point by ignoring matches where the index of the match appears after the index of a period    x000D   x000D  const format   num   gt    x000D      const n   String num   x000D            p   n indexOf      x000D      return n replace  x000D            d       d 3             g  x000D           m  i    gt  p  lt  0    i  lt  p      m      m x000D        x000D    x000D   x000D     x000D      format 100                                 100  x000D      format 1000                                1 000  x000D      format 1e10                                10 000 000 000    x000D      format 1000 001001                         1 000 001001  x000D      format  100000000000000 001001001001       100 000 000 000 000 001001001001 x000D    x000D       forEach n   gt  console log n   x000D   x000D   x000D     raquo  Verbose regex explanation  regex101 com

User · Answer

number   123456 7089  result   parseInt  number   toLocaleString       lt br gt    result   number toLocaleString   pt-BR        lt br gt     var el   document getElementById   result     el innerHTML   result     lt div id  result  gt  lt  div gt

User · Answer

All you need to do is just really this   123000 9123 toLocaleString     result will be  123 000 912

User · Answer

There s a nice jQuery number plugin  https   github com teamdf jquery-number  It allows you to change any number in the format you like  with options for decimal digits and separator characters for decimal and thousand     number 12345 4556  2               - gt  12 345 46   number 12345 4556  3               - gt  12 345 456   You can use it inside input fields directly  which is nicer  using same options like above      input   number true  2     Or you can apply to a whole set of DOM elements using selector      span number   number true  2

User · Answer

Update  7 years later   The reference cited in the original answer below was wrong   There is a built in function for this  which is exactly what kaiser suggests below  toLocaleString  So you can do    1234567 89  toLocaleString  en                   for numeric input parseFloat  1234567 89   toLocaleString  en       for string input   The function implemented below works  too  but simply isn t necessary    I thought perhaps I d get lucky and find out that it was necessary back in 2010  but no   According to this more reliable reference  toLocaleString has been part of the standard since ECMAScript 3rd Edition  1999   which I believe means it would have been supported as far back as IE 5 5      Original Answer  According to this reference there isn t a built in function for adding commas to a number   But that page includes an example of how to code it yourself   function addCommas nStr        nStr            var x   nStr split           var x1   x 0       var x2   x length  gt  1         x 1            var rgx      d    d 3         while  rgx test x1                 x1   x1 replace rgx    1            2              return x1   x2      Edit  To go the other way  convert string with commas to number   you could do something like this   parseFloat  1 234 567 89  replace    g

User · Answer

You can use ngx-format-field  It is a directive to format the input value which will appear in the view  It will not manipulate the Input value which will be saved in the backend  See link here   Example   component html    lt input type  text  formControlName  currency   appFormatFields   CURRENCY   change   onChangeCurrency    gt   component ts  onChangeCurrency     this currency patchValue this currency value       To see the demo  here

User · Answer

You can use javascript  below are the code  it will only accept numeric and one dot     here is the javascript     lt script  gt               function FormatCurrency ctrl                      Check if arrow keys are pressed - we want to allow navigation around textbox using arrow keys                 if  event keyCode    37    event keyCode    38    event keyCode    39    event keyCode    40                        return                                     var val   ctrl value                   val   val replace    g                      ctrl value                       val                        x   val split                       x1   x 0                   x2   x length  gt  1         x 1                         var rgx      d    d 3                      while  rgx test x1                         x1   x1 replace rgx    1            2                                       ctrl value   x1   x2                             function CheckNumeric                     return event keyCode  gt   48  amp  amp  event keyCode  lt   57    event keyCode    46                    lt  script gt       HTML    lt input type  text  onkeypress  return CheckNumeric    onkeyup  FormatCurrency this     gt    DEMO JSFIDDLE

User · Answer

If is about localizing thousands separators  delimiters and decimal separators  go with the following      -- gt  numObj toLocaleString   locales    options      parseInt  number   toLocaleString      There are several options you can use  and even locales with fallbacks     x000D   x000D  number   123456 7089  x000D   x000D  result    parseInt  number   toLocaleString       lt br gt    x000D  result    number toLocaleString   de-DE        lt br gt    x000D  result    number toLocaleString   ar-EG        lt br gt    x000D  result    number toLocaleString   ja-JP      x000D    style              currency   x000D    currency           JPY   x000D    currencyDisplay    symbol   x000D    useGrouping       true x000D          lt br gt    x000D  result    number toLocaleString     jav    en        x000D    localeMatcher               lookup   x000D    style                       decimal   x000D    minimumIntegerDigits       2  x000D    minimumFractionDigits      2  x000D    maximumFractionDigits      3  x000D    minimumSignificantDigits   2  x000D    maximumSignificantDigits   3 x000D          lt br gt    x000D   x000D  var el   document getElementById   result     x000D  el innerHTML   result  x000D   lt div id  result  gt  lt  div gt  x000D   x000D   x000D    Details on the MDN info page   Edit  Commentor  I like Serena adds the following      To support browsers with a non-English locale where we still want English formatting  use value toLocaleString  en    Also works for floating point

User · Answer

I use this   function numberWithCommas number        return number toString   replace   B     d 3       d   g            source  link

User · Answer

var number   35002343   console log number toLocaleString       for the reference you can check here https   developer mozilla org en-US docs Web JavaScript Reference Global Objects Number toLocaleString

User · Answer

PHP js has a function to do this called number format  If you are familiar with PHP it works exactly the same way

User · Answer

You can use the following function    x000D   x000D  function format number  decimals   2  decimalSeparator        thousandsSeparator          x000D    const roundedNumber   number toFixed decimals   x000D    let integerPart       x000D      fractionalPart       x000D    if  decimals    0    x000D      integerPart   roundedNumber  x000D      decimalSeparator       x000D      else   x000D      let numberParts   roundedNumber split       x000D      integerPart   numberParts 0   x000D      fractionalPart   numberParts 1   x000D      x000D    integerPart   integerPart replace    d      d 3       d   g    1  thousandsSeparator     x000D    return    integerPart   decimalSeparator   fractionalPart    x000D    x000D   x000D     Use Example x000D   x000D  let min   1556454 0001  x000D  let max   15556982 9999  x000D   x000D  console time  number format    x000D  for  let i   0  i  lt  15  i      x000D    let randomNumber   Math random      max - min    min  x000D    let formated   format randomNumber  4                formated number x000D   x000D    console log  number     randomNumber     formated     formated   x000D    x000D  console timeEnd  number format    x000D   x000D   x000D

User · Answer

Combination of solutions for react    let converter   Intl NumberFormat      let salary    monthlySalary replace    g       console log converter format salary      this setState       monthlySalary  converter format salary          handleOnChangeMonthlySalary 1000

[javascript] Javascript Thousand Separator / string format

Examples related to javascript

Examples related to string

Examples related to numbers

Examples related to format