O problema está na sua função getMoney
, que não está convertendo a string numérica (em formato brasileiro) corretamente.
Mais especificamente, o erro se deve a esta expressão regular:
/[\D]+/g
Ela irá dar match em todo caractere que não for numérico. Isso significa que você também removerá o separador decimal do número (,
), que é basicamente a mesma coisa de multiplicá-lo por 100. Evidentemente, isso não é o que desejamos.
Para resolver, basta corrigir a expressão regular.
/[^\d,]+/g
Repare que agora qualquer caractere que não for numérico ou uma vírgula (que é o nosso separador decimal) será removido. Em seguida, precisamos trocar a vírgula (,
— que é o separador decimal da moeda brasileira) para o ponto (.
— que é o separador decimal que o JavaScript entende ao fazer o parseFloat
).
Ficaremos com:
function getMoney(str) {
return str
.replace(/[^\d,]+/g, '') // Remove caracteres desnecessários.
.replace(',', '.'); // Troca o separador decimal (`,` -> `.`)
}
console.log(getMoney('R$ 123.456,89')); // 123456.89
Agora podemos calcular a subtração da porcentagem de modo satisfatório:
function getMoney(str) {
return str.replace(/[^\d,]+/g, '')
.replace(',', '.');
}
const a = 'R$ 320,55';
const b = getMoney(a);
const c = b - b * 0.9;
console.log(c);
// Formatando para o formato de moeda brasileira:
const formatter = new Intl.NumberFormat('pt-BR', {
style: 'currency',
currency: 'BRL'
});
const d = formatter.format(c);
console.log(d); // R$ 32,06
Como você pode perceber, também não é necessário implementar uma função como formatReal
na mão, já que o JavaScript já tem APIs de formatação monetária incluídas, tais como Intl.NumberFormat
ou Number.prototype.toLocaleString
.
/\D+/g
- os colchetes são desnecessários neste caso.