Existe uma outra opção, sem regex.
Primeiro você precisa transformar a string em número. Infelizmente parseFloat
só aceita o ponto como separador decimal, então não tem muito como escapar de um replace
para trocar a vírgula por ponto.
Depois, não ficou claro quantas casas decimais podem ter na string (é sempre duas, pode ter outra quantidade?), então podemos usar um pequeno "truque" (na verdade nada mais é que a boa e velha matemática) para deixar o número com apenas 2 casas decimais, sem arredondamento. Para isso, basta multiplicar o número por 100, arredondar para baixo e depois dividir por 100 novamente - de maneira mais geral, para uma quantidade x
de casas, basta fazer esses cálculos com 10x (mas se as strings sempre vem com 2 casas, esse passo não é necessário).
Por fim, para formatar o número, usamos toLocaleString
, bastando escolher um locale adequado (que por sua vez controla alguns aspectos, como por exemplo o caractere usado como separador decimal), além da quantidade de casas decimais a serem exibidas. Ficaria assim:
function arredonda(s, maxCasas) {
let n = parseFloat(s.replace(',', '.'));
// deixar o número com apenas 'maxCasas' casas decimais, sem arredondar
let fator = Math.pow(10, maxCasas);
n = Math.floor(n * fator) / fator;
let opcoes = {
minimumFractionDigits: 0,
maximumFractionDigits: maxCasas,
useGrouping: false
};
return n.toLocaleString('pt-BR', opcoes );
}
for (const n of [ '2,00', '100,50', '3', '12,347', '12345,6789' ])
console.log(`${n} => ${arredonda(n, 2)}`);
A saída é:
2,00 => 2
100,50 => 100,5
3 => 3
12,347 => 12,34
12345,6789 => 12345,67
A opção useGrouping: false
(descrita aqui) faz com que não seja usado o separador de milhares (seu valor default é true
, então se ela for omitida, o último número seria exibido como 12.345,67
).
Usei o locale pt-BR
(português do Brasil), que usa a vírgula como separador decimal. Assim, a formatação já é feita com o caractere correto (se você usar outro locale, como por exemplo en-US
(inglês americano), será usado o ponto em vez da vírgula). E as demais opções controlam a quantidade de casas decimais a serem exibidas (usando mínimo zero e máximo maxCasas
, não são exibidas casas decimais quando o número não tem a parte decimal, por exemplo).
Como já dito, caso todas as strings sempre tenham 2 casas decimais, não é necessário fazer o arredondamento, bastando chamar toLocaleString
logo após o parseFloat
.
Caso esteja trabalhando com valores monetários, é interessante ler aqui.
E se você só quer comparar as strings "100,50" e "100,5" com base nos seus valores numéricos, nem precisava gerar a string final, bastava transformar ambos em números (fazendo o parseFloat
com replace
) e depois compará-los.
new Number("100.50")
ouparseFloat('100.50')
ou"100.50".replace(/(?:,?0+)$/g, '')