Como formatar um número em javascript?

Como formatar um número em javascript?
Em JavaScript, ao lidar com problemas matemáticos, existem cálculos envolvendo complexidades no caso de dígitos longos e principalmente números de ponto flutuante. No outro caso, para tornar um cálculo específico mais preciso. Nesse cenário, a formatação de um número em JavaScript é muito útil para reduzir a complexidade geral do código e no cálculo preciso também.

Este artigo ilustrará as abordagens que podem ser implementadas para formatar um número em JavaScript.

Como formatar um número em javascript?

As abordagens a seguir podem ser implementadas para formatar um número em JavaScript:

  • ““tofixado ()”Método.
  • ““Intl.Formato numérico()”Construtor.
  • ““Tolocalestring ()”Método.
  • ““Expressão regular

As abordagens mencionadas agora serão ilustradas uma por uma!

Exemplo 1: formato um número em javascript usando o método tofixed ()
Este método pode ser aplicado para formatar o número fornecido de tal maneira que não há pontos decimais nele ou um número fixo de dígitos é deixado nele após o ponto decimal.

Primeiro, especifique o número a ser formatado:

Deixe formatNumber = 12.345678;

Em seguida, aplique o “tofixado ()”Método para formatar o número fornecido de tal forma que não há dígitos nele após o ponto decimal:

console.log ("O número formatado é:", formatNumber.tofixed ());

Nesta etapa, da mesma forma, aplique o mesmo método passando “2”Em seu parâmetro. Isso resultará na formatação de um número para dois lugares decimais:

console.log ("O número formatado é:", formatNumber.tofixado (2));

Saída

Exemplo 2: Formato um número em JavaScript usando o INTL.Construtor numberFormat ()

O "Intl.Formato numérico()”O construtor cria um novo objeto que permite a formatação de um número sensível à linguagem. Esta abordagem pode ser aplicada para formatar o número fornecido com base na moeda especificada.

Em primeiro lugar, especifique o número a ser formatado:

const formatNumber = 12345.67;

Agora, aplique o “Intl.Formato numérico()”Abordagem para formatar o número especificado em relação ao“NÓS“Moeda e exibi -la de acordo:

Deixe numupd = novo intl.NumberFormat ('En-us', style: 'Moutrency', Moeda: 'USD').formato (formatNumber);
console.log ("A moeda formatada é:", numupd);

Saída

O "$”Com o número indica que o número fornecido é formatado em“NÓS" moeda.

Exemplo 3: Formato um número em JavaScript usando o método tolocalestring ()

O "Tolocalestring ()”O método fornece um objeto de data na forma de uma string. Este método pode ser aplicado para formatar um número no formato de linguagem especificado.

Sintaxe

Data.tolocalestring (locais, opções)
  • ““Locais”Consulte o formato de linguagem específico.
  • ““opções”Aponta para o objeto ao qual as propriedades podem ser atribuídas.

No exemplo abaixo, aloque o número a seguir para a variável chamada “formatNumber”:

Deixe formatNumber = 7323452568.283;

Agora, aplique o “Tolocalestring ()”Método, especifique o formato de linguagem como“en-us”Em seu parâmetro, e exiba o número formatado resultante:

var US = formatNumber.tolocalestring ('en-us');
console.log ("O número formatado é:", nós);

Saída

Exemplo 4: formate um número em javascript usando a expressão regular

Esta abordagem pode ser utilizada junto com o “substituir()”Método para colocar as vírgulas entre os números fornecidos nos mesmos intervalos como resultado.

Primeiro, inicialize o seguinte número:

var formatNumber = 445567788;

Agora, aplique o método substituir () junto com a expressão regular. A expressão regular aqui alocará “vírgulas”Para o valor inicializado, fazendo uma pesquisa global e retorna os valores separados por vírgula, formatando o número especificado:

console.log ("O número formatado é:", string (formatNumber).substituir(/(.) (?= (\ d 3)+$)/g, '$ 1,')))

Saída

Concluímos as abordagens convenientes para formatar um número em JavaScript.

Conclusão

O "tofixado ()”Método, o“Intl.Formato numérico()”Construtor, o“Tolocalestring ()”Método, ou o“expressão regular”Pode ser utilizado para formatar um número em JavaScript. O primeiro método resulta na formatação do número de que não há dígitos ou número fixo de dígitos deixados nele após o ponto decimal. O intl.A abordagem do construtor numberFormat () pode ser aplicada para formatar um número baseado na moeda, e o método tolocalestring () pode ser implementado para formatar o número especificado no formato específico do idioma. A técnica de expressão regular pode ser aplicada para formatar o número fornecido de forma a devolver os valores separados por vírgula. Este blog demonstrou os métodos para formatar um número especificado em JavaScript.