Formatting numbers with jQuery

Question

Hello,

I have an array that is returned via an AJAX request and I intend to format the numbers of each of these keys as follows:

Example:

Standard values

-> 2569
-> 192544694

How I wish they were formatted

-> 2.569
-> 192.544.694

Of course, this formatting would be through a function because it is a variable value. I came to create a function but I did not have total flexibility in its effectiveness, besides trying some frameworks, as number.js, for example.

Any solution? Be it a script or alternative framework?

Answer 1

You can do it like this:

function formatar(nr) {
  return String(nr)
    .split('').reverse().join('').split(/(\d{3})/).filter(Boolean)
    .join('.').split('').reverse().join('');
}

var numeros = [2569, 192544694];
var formatados = numeros.map(formatar);
console.log(JSON.stringify(formatados)); // ["2.569","192.544.694"]

The idea is to use a regular expression to group 3 by 3, but as we want to group backwards, hence the logic of reverse().

Answer 2

function format(nStr)
{
    nStr += '';
    x = nStr.split(',');
    x1 = x[0];
    x2 = x.length > 1 ? '.' + x[1] : '';
    var rgx = /(\d+)(\d{3})/;
    while (rgx.test(x1)) {
        x1 = x1.replace(rgx, '$1' + '.' + '$2');
    }
    return x1 + x2;
}

Credits for Abe Miessler on https://stackoverflow.com/questions/7327046/jquery-number-formatting

Answer 3

I recommend the library jQuery Mask. Your code can stay that way:

HTML

<input class="money" />

jQuery

 $('.money').mask('0000.000,00', {reverse: true});

Jsfiddle: https://jsfiddle.net/lbclucascosta/aoc6o0qa/1/