Format string or float for currency

Question

I’ve been doing some research but I couldn’t find a solution. I have a float for example: 2087500, I want to leave it as follows $20,875.00.

I found several methods of passing float to currency but all have a point (.) before the last two digits to be able to work, like this 20875.00. I tried to use replace(/([0-9]{2})$/g, ". $1") to put this point but it is only added in String. And as I said, the functions I found work only with float.

Could someone help me with a functional solution please.

Answer 1

It would be better to use function Intl.Numberformat of the object Intl, it facilitates formatting numbers according to language, example:

//Instanciando o objeto
var formatter = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'USD',
  minimumFractionDigits: 2,
});
//pega o valor no campo e transforma em float
var valor = parseFloat(document.getElementById("moeda").value);
/*FORMATA CONFORME CONFIGURAÇÕES DEFINIDAS NO formatter*/
var formatado = formatter.format(valor); 
//Coloca o valor formatado no campo resultado
document.getElementById("resultado").value = formatado;

<input type="text" id="moeda" value="20875.00">
<input type="text" id="resultado" value="">

//Instanciando o objeto
var formatter = new Intl.NumberFormat('pt-BR', {
  style: 'currency',
  currency: 'BRL',
  minimumFractionDigits: 2,
});
//pega o valor no campo e transforma em float
var valor = parseFloat(document.getElementById("moeda").value);
/*FORMATA CONFORME CONFIGURAÇÕES DEFINIDAS NO formatter*/
var formatado = formatter.format(valor); 
//Coloca o valor formatado no campo resultado
document.getElementById("resultado").value = formatado;

<input type="text" id="moeda" value="20875.00">
<input type="text" id="resultado" value="">

OBS: To use this way, both the string as to the float that you want to format should contain the correct value with decimal places, for example:

1 = $1.00
1.0 = $1.00
10 = $10.00

Answer 2

Functions with and without input.

var mask = {
   money: function() {
      var el = this
      ,exec = function(v) {
         v = v.replace(/\D/g,"");
         v = new String(Number(v));
         var len = v.length;
         if (1== len)
            v = v.replace(/(\d)/,"0,0$1");
         else if (2 == len)
            v = v.replace(/(\d)/,"0,$1");
         else if (len > 2) {
            v = v.replace(/(\d{2})$/,',$1');
            if (len > 5) {
               var x = len - 5
               ,er = new RegExp('(\\d{'+x+'})(\\d)');
               v = v.replace(er,'$1.$2');
            }
         }
         return v;
      };
      setTimeout(function(){
         el.value = exec(el.value);
      },1);
   }
}

$(function(){
   $('input').bind('keypress',mask.money)
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text"  value=""/>

function mascara(v) {
  v = v.replace(/\D/g,"");
  v = new String(Number(v));
  var len = v.length;
  if (1== len)
    v = v.replace(/(\d)/,"0,0$1");
  else if (2 == len)
    v = v.replace(/(\d)/,"0,$1");
  else if (len > 2) {
    v = v.replace(/(\d{2})$/,',$1');
  if (len > 5) {
  var x = len - 5
  ,er = new RegExp('(\\d{'+x+'})(\\d)');
  v = v.replace(er,'$1.$2');
  }
}
return v;
}
console.log(mascara('2087500'))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 3

just dividing by 100 would not be enough?

var intl = new Intl.NumberFormat("en-US", { 
  style: "currency", 
  currency: "USD"
});
var valor = 2087500;
var moeda = intl.format((valor / 100));
console.log(valor, moeda);