Add comma to numbers every three digits

Question

How can I format numbers using a comma separator every three digits using jQuery   For example    -------------------------       Input        Output         ----------- -------------            298            298            2984          2 984       297312984    297 312 984     -------------------------

User · Answer

2016 Answer   Javascript has this function  so no need for Jquery   yournumber toLocaleString  en

User · Answer

Paul Creasey had the simplest solution as the regex  but here it is as a simple jQuery plugin     fn digits   function         return this each function               this  text    this  text   replace    d      d d d      d   g    1                   You could then use it like this      span numbers   digits

User · Answer

Very Easy way is to use toLocaleString   function tot   Rs 1402598   Result   Rs 1402598  tot toLocaleString     Result   Rs 1 402 598  Updated   23 01 2021 The Variable Should be in number format  Example   Number tot  toLocaleString     Result   Rs 1 402 598

User · Answer

You could use Number toLocaleString      x000D   x000D  var number   1557564534  x000D  document body innerHTML   number toLocaleString    x000D     1 557 564 534 x000D   x000D   x000D

User · Answer

A more thorough solution  The core of this is the replace call  So far  I don t think any of the proposed solutions handle all of the following cases    Integers  1000   gt   1 000  Strings   1000    gt   1 000  For strings   Preserves zeros after decimal  10000 00   gt   10 000 00   Discards leading zeros before decimal   01000 00   gt   1 000 00  Does not add commas after decimal   1000 00000    gt   1 000 00000  Preserves leading - or     -1000 0000    gt   -1 000 000  Returns  unmodified  strings containing non-digits   1000k    gt   1000k     The following function does all of the above   addCommas   function input        If the regex doesn t match   replace  returns the string unmodified   return  input toString    replace         Each parentheses group  or  capture   in this regex becomes an argument         to the function  in this case  every argument after  match          -     0    d        d    g  function match  sign  zeros  before  decimal  after              Less obtrusive than adding  reverse  method on all strings       var reverseString   function string    return string split     reverse   join                   Insert commas every three characters from the right       var insertCommas    function string                 Reverse  because it s easier to do things from the left         var reversed             reverseString string               Add commas every three characters         var reversedWithCommas   reversed match    1 3  g  join                   Reverse again  back to normal          return reverseString reversedWithCommas                      If there was no decimal  the last capture grabs the final digit  so          we have to put it back together with the  before  substring       return sign    decimal   insertCommas before    decimal   after   insertCommas before   after                    You could use it in a jQuery plugin like this     fn addCommas   function         this  each function          this  text addCommas   this  text

User · Answer

function formatNumberCapture          input id   on  keyup   function            this  val function index  value            return value              replace   D g   quot  quot                replace   B     d 3       d   g   quot   quot                              You can try this  it works for me

User · Answer

Use function Number      x000D   x000D    function     x000D   x000D    var price1   1000  x000D    var price2   500000  x000D    var price3   15245000  x000D   x000D       span s1   html Number price1  toLocaleString  en     x000D       span s2   html Number price2  toLocaleString  en     x000D       span s3   html Number price3  toLocaleString  en     x000D   x000D    console log Number price  toLocaleString  en     x000D   x000D      x000D   lt script src  https   ajax googleapis com ajax libs jquery 1 9 1 jquery min js  gt  lt  script gt  x000D   x000D   lt span id  s1  gt  lt  span gt  lt br   gt  x000D   lt span id  s2  gt  lt  span gt  lt br   gt  x000D   lt span id  s3  gt  lt  span gt  lt br   gt  x000D   x000D   x000D

User · Answer

Here is my javascript  tested on firefox and chrome only   lt html gt   lt header gt   lt script gt      function addCommas str           return str replace   0        replace   D g      replace   B     d 3       d   g                   function test            var val   document getElementById  test   value          document getElementById  test   value   addCommas val          lt  script gt   lt  header gt   lt body gt   lt input id  test  onkeyup  test     gt   lt  body gt   lt  html gt

User · Answer

Something like this if you re into regex  not sure of the exact syntax for the replace tho   MyNumberAsString replace    d      d d d      d   g    1

User · Answer

This is not jQuery  but it works for me  Taken from this site   function addCommas nStr        nStr            x   nStr 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              return x1   x2

User · Answer

You can also look at the jquery FormatCurrency plugin  of which I am the author   it has support for multiple locales as well  but may have the overhead of the currency support that you don t need     this  formatCurrency   symbol      roundToDecimalPlace  0

User · Answer

You could try NumberFormatter     this  format  format        00   locale  us       It also supports different locales  including of course US   Here s a very simplified example of how to use it    lt html gt       lt head gt           lt script type  text javascript  src  jquery js  gt  lt  script gt           lt script type  text javascript  src  jquery numberformatter js  gt  lt  script gt           lt script gt            document  ready function                     numbers   each function                       this  format  format          locale  us                                          lt  script gt       lt  head gt       lt body gt           lt div class  numbers  gt 1000 lt  div gt           lt div class  numbers  gt 2000000 lt  div gt       lt  body gt   lt  html gt    Output   1 000 2 000 000

[jquery] Add comma to numbers every three digits

Examples related to jquery

Examples related to number-formatting