Como foi dito nos comentários a melhor forma trabalhar com moeda no comércio é removendo caracteres não numéricos(pontos de agrupamento e virgula decimal) operacionalizar e reajustar o resultado dividindo por 100.
O resultado dessas operações resulta num objeto Number
que não possui símbolos de agrupamento de milhar e o separador decimal é o ponto. O que faz necessário formatar esse resultado para suas nescessidades.
Para obter a formatação culturalmente específica deve-se usar o método Number.prototype.toLocaleString() retorna uma string com uma representação sensível a determinada cultura para esse número.
O primeiro argumento de toLocaleString()
é local
que informa a cultura em que será formatado o número. O valor para esse local é uma string no formato BCP 74/RFC 5646
os valores válidos para local
estão listados em http://www.iana.org/assignments/language-subtag-registry/language-subtag-registry. Aqui eu usei como local pt-BR
.
O segundo argumento é um objeto opção
que são as opções de formatação, funcionam como um ajuste mais refinado.
Para o seu caso eu criei dois exemplos de formatação.
Um formatando diretamente em moeda corrente o que inclui o simbolo monetário para Reais(R$) que pode ser especificado no objeto opções
setando as propriedades style: 'currency'
para indicar a formatação em moeda local e currency: 'BRL'
para indicar o simbolo monetário a ser inserido no caso BRL
que significa Real Brasileiro. Aqui tem uma lista de com os valores para símbolos monetários: ISO 4217 Current currency & funds code list.
O outro exemplo formatando como um número decimal, que acho o mais adequado a sua pergunta. Setei as propriedades do objeto opções
em style: 'decimal'
para indicar a formatação em um número decimal, useGrouping: 'true'
(valor default, não precisaria ser usado) para exibir o caractere(.) agrupador de milhar, minimumFractionDigits: '2'
para exibir um mínimo de duas casas decimais e maximumFractionDigits: '2'(valor default, não precisaria ser usado) para restringir a formatação ao máximo em duas casas decimais.
//Não sabia do se tratava o seu estoque, criei um fictício.
const produtos = [{
'name': 'perucas fio de prata',
'price': '2.222,57'
},
{
'name': 'perucas fio de ouro',
'price': '5.000.326,90'
},
{
'name': 'perucas fio de barbante',
'price': '1.326,00'
}
];
produtos.forEach((currentValue) => {
// Remoção do caracteres não numéricos.
let rawPrice = parseInt(currentValue.price.replace(/[.,]/g, ''));
let quantity = parseInt(prompt(`Deseja comprar quantas ${currentValue.name} ?`));
// Operacionalização e reajuste do resultado.
let total = (rawPrice * quantity / 100);
//Caso queira o valor formatado como moeda(incluio simbolo ISO 4217 para moeda).
alert(`${currentValue.name}(resultado em moeda): ${quantity} X ${currentValue.price} = ${total.toLocaleString('pt-BR',{ style: 'currency', currency: 'BRL' })}`);
//Caso queira o valor formatdo apenas como decimal com duas casas.
alert(`${currentValue.name}(resultado em decimal): ${quantity} X ${currentValue.price} = ${total.toLocaleString('pt-BR',{ style: 'decimal', useGrouping: 'true', minimumFractionDigits: '2', maximumFractionDigits: '2' })}`);
});
replace
pare resolver isso antes de converter parafloat