Neste artigo, discutiremos sobre a formatação de números com vírgulas em JavaScript. Às vezes, é necessário formatar um número com vírgulas na página HTML para facilitar a leitura. Usando JavaScript, podemos transformar um número em um valor separado por vírgula. Aqui, discutiremos as formas para o mesmo.
A primeira maneira de formatar números com vírgulas é usando o toLocaleString() método.
Usando o método toLocaleString()
O JavaScript toLocaleString() O método é usado para converter os elementos de um determinado array em uma string, e essas Strings são separadas por uma vírgula ','. Podemos passar o 'em nós' como parâmetro para que o método tome o formato dos Estados Unidos e do idioma inglês e represente os números com vírgula entre os milhares.
conversão de int para string
Agora, vamos entender o método por meio de um exemplo.
Exemplo
Neste exemplo estamos usando o toLocaleString() para formatar os números separados por vírgulas. Aqui, estamos formatando dois números, um do tipo inteiro e outro do tipo ponto flutuante. Após clicar no botão fornecido, os números fornecidos serão formatados com vírgulas. Os números serão separados por vírgulas nas milhares de casas.
Using JavaScript's toLocaleString() method <p> This is an example of using the regular expression in javascript to format a number with commas </p> <b> Number1 = '1482351769' </b> <br> <b> Number2 = '1000.51769' </b> <p> Click the below button to print the above numbers separated with commas </p> Click me function fun() { num1 = 1482351769; output1 = num1.toString().replace(/B(?=(d{3})+(?!d))/g, ',') document.write(' <b> Given number = </b> ', num1); document.write('<br> <b> Formatted number = </b> ', output1); num2 = 1000.51769; output2 = num2.toString().replace(/B(?=(d{3})+(?!d))/g, ',') document.write('<br> <br> <b> Given number = </b> ', num2); document.write('<br> <b> Formatted number = </b> ', output2); } Teste agora Saída
mysql esquerda juntar
Após a execução do código acima, a saída será -
Depois de clicar no botão fornecido, a saída será -
logotipo java
Isso é tudo para este tutorial. Neste artigo, discutimos três maneiras de formatar um número com vírgulas em JavaScript. Espero que este artigo seja informativo e benéfico para você entender as maneiras de formatar números com vírgulas em JavaScript.