Como converter string para number em Javascript
Há muitas maneiras de converter uma string em um número usando JavaScript. Mas como isso se parece no código?
Neste artigo, mostrarei 11 maneiras de converter uma string em um número.
1 - Como converter uma string em um número em JavaScript usando a função Number()
Uma maneira de converter uma string em um número seria usar a função Number().
Neste exemplo, temos uma string chamada quantity com o valor de "12".
const quantity = "12";
Se usamos o operador typeof em quantity, ele retornará o tipo de string.
console.log(typeof quantity);
Podemos converter quantity em um número usando a função Number assim:
Number(quantity);
Podemos verificar que agora é um número usando o operador typeof novamente.
console.log(typeof Number(quantity));
Se você tentasse passar um valor que não pode ser convertido em um número, o valor de retorno seria NaN(Not a Number).
console.log(Number("awesome"));
2 - Como converter uma string em um número em JavaScript usando a função parseInt()
Outra maneira de converter uma string em um número é usar a função parseInt(). Esta função recebe uma string e uma raiz opcional.
Uma raiz é um número entre 2 e 36 que representa a base em um sistema numérico. Por exemplo, uma base de 2 representaria o sistema binário, enquanto uma base de 10 representaria o sistema decimal.
Podemos usar a variável quantity anterior para converter essa string em um número.
const quantity = "12";
console.log(parseInt(quantity, 10));
O que acontece se eu tentar mudar a variável quantity para "12.99"? O resultado usando parseInt() será o número 12,99?
const quantity = "12.99";
console.log(parseInt(quantity, 10));
Como você pode ver, o resultado é um inteiro arredondado. Se você quiser retornar um número de ponto flutuante, precisará usar parseFloat().
3 - Como converter uma string em um número em JavaScript usando a função parseFloat()
A função parseFloat() receberá um valor e retornará um número de ponto flutuante. Exemplos de números de ponto flutuante seriam 12,99 ou 3,14.
Se modificarmos nosso exemplo anterior para usar parseFloat(), o resultado seria o número de ponto flutuante de 12,99.
const quantity = "12.99";
console.log(parseFloat(quantity));
Se você tiver espaços em branco à esquerda ou à direita em sua string, parseFloat() ainda converterá essa string em um número de ponto flutuante.
const quantity = " 12.99 ";
console.log(parseFloat(quantity));
Se o primeiro caractere em sua string não puder ser convertido em número, parseFloat() retornará NaN.
const quantity = "F12.99";
console.log(parseFloat(quantity));
4 - Como converter uma string em um número em JavaScript usando o operador unário de mais (+)
O operador unário de mais (+) converterá uma string em um número. O operador irá antes do operando.
const quantity = "12";
console.log(+quantity);
Também podemos usar o operador unário de mais (+) para converter uma string em um número de ponto flutuante.
const quantity = "12.99";
console.log(+quantity);
Se o valor da string não puder ser convertido em um número, o resultado será NaN.
const quantity = "awesome";
console.log(+quantity);
5 - Como converter uma string em um número em JavaScript multiplicando a string pelo número 1
Outra maneira de converter uma string em um número é usar uma operação matemática básica. Você pode multiplicar o valor da string por 1 e ele retornará um número.
const quantity = "12";
console.log(quantity * 1);
Como você pode ver, quando multiplicamos o valor de quantity por 1, ele retorna o número 12. Mas como isso funciona?
Neste exemplo, o JavaScript está convertendo nosso valor de string em um número e, em seguida, realizando essa operação matemática. Se a string não puder ser convertida em um número, a operação matemática não funcionará e retornará NaN.
const quantity = "awesome";
console.log(quantity * 1);
Este método também funcionará para números de ponto flutuante.
const quantity = "10.5";
console.log(quantity * 1);
6 - Como converter uma string em um número em JavaScript dividindo a string pelo número 1
Em vez de multiplicar por 1, você também pode dividir a string por 1. JavaScript está convertendo nosso valor de string em um número e, em seguida, realizando essa operação matemática.
const quantity = "10.5";
console.log(quantity / 1);
7 - Como converter uma string em um número em JavaScript subtraindo o número 0 da string
Outro método seria subtrair 0 da string. Como antes, o JavaScript está convertendo nosso valor de string em um número e, em seguida, realizando essa operação matemática.
const quantity = "19";
console.log(quantity - 0);
8 - Como converter uma string em um número em JavaScript usando o operador NOT bit a bit (~)
O operador NOT bit a bit (~) inverterá os bits de um operando e converterá esse valor em um inteiro com sinal de 32 bits. Um inteiro com sinal de 32 bits é um valor que representa um inteiro em 32 bits (ou 4 bytes).
Se usarmos um operador NOT bit a bit (~) em um número, ele executará esta operação: -(x + 1)
console.log(~19);
Mas se usarmos dois operadores NOT bit a bit (~), ele converterá nossa string em um número.
const quantity = "19";
console.log(~~quantity);
Este método não funcionará para números de ponto flutuante porque o resultado seria um inteiro.
const quantity = "19.99";
console.log(~~quantity);
Se você tentasse usar esse método em caracteres não numéricos, o resultado seria zero.
const quantity = "awesome";
console.log(~~quantity);
Esse método tem suas limitações porque começará a quebrar para valores considerados muito grandes. É importante certificar-se de que seu número esteja entre os valores de um inteiro de 32 bits com sinal.
const quantity = "2700000000";
console.log(~~quantity);
Para saber mais sobre o operador NOT bit a bit(~), leia a documentação .
9 - Como converter uma string em um número em JavaScript usando a função Math.floor()
Outra maneira de converter uma string em um número é usar a função Math.floor(). Esta função arredondará o número para o inteiro mais próximo.
const quantity = "13.4";
console.log(Math.floor(quantity));
Assim como nos exemplos anteriores, se tentássemos usar caracteres não numéricos, o resultado seria NaN.
const quantity = "awesome";
console.log(Math.floor(quantity));
10 - Como converter uma string em um número em JavaScript usando a função Math.ceil()
A função Math.ceil() arredondará um número para o inteiro mais próximo.
const quantity = "7.18";
console.log(Math.ceil(quantity));
11 - Como converter uma string em um número em JavaScript usando a função Math.round()
A função Math.round() arredondará o número para o inteiro mais próximo.
Se eu tiver o valor de 6,3, então Math.round() retornará 6.
const quantity = "6.3";
console.log(Math.round(quantity));
Mas se eu alterar esse valor para 6,5, Math.round() retornará 7.
const quantity = "6.5";
console.log(Math.round(quantity));
Conclusão
Neste artigo, mostrei 11 maneiras de converter uma string em um número usando JavaScript.
Aqui estão os 11 métodos diferentes discutidos no artigo.
- Usando a função Number()
- Usando a função parseInt()
- Usando a função parseFloat()
- Usando o operador unário de mais (+)
- Multiplicando a string pelo número 1
- Dividindo a string pelo número 1
- Subtraindo o número 0 da string
- Usando o operador NOT bit a bit (~)
- Usando a função Math.floor()
- Usando a função Math.ceil()
- Usando a função Math.round()
Espero que você tenha gostado deste artigo e boa sorte em sua jornada JavaScript.
Fonte: https://www.freecodecamp.org/news/how-to-convert-a-string-to-a-number-in-javascript/
