parseFloat() e parseInt() são dois métodos essenciais em JavaScript para converter strings em números. Esses métodos são particularmente úteis ao lidar com entrada do usuário ou processar dados que vêm em formato de string mas precisam ser tratados como valores numéricos. Vamos começar com parseFloat(). Este método analisa um argumento do tipo string e retorna um número de ponto flutuante. Ele foi projetado para extrair um número do início de uma string, mesmo que a string contenha caracteres não numéricos posteriormente. Lembre-se de que floats são números com pontos decimais. Aqui está como parseFloat() funciona:

console.log(parseFloat("3.14"));     // 3.14
console.log(parseFloat("3.14 abc")); // 3.14
console.log(parseFloat("3.14.5"));   // 3.14
console.log(parseFloat("abc 3.14")); // NaN

Como você pode ver, parseFloat() começa a analisar a partir do início da string e continua até encontrar um caractere que não pode fazer parte de um número de ponto flutuante. Se não encontrar um número válido no início da string, ele retorna NaN (Not a Number). parseInt(), por outro lado, analisa um argumento do tipo string e retorna um inteiro. Como parseFloat(), ele começa do início da string, mas para no primeiro caractere que não seja dígito. Aqui está como parseInt() funciona:

console.log(parseInt("42"));       // 42
console.log(parseInt("42px"));     // 42
console.log(parseInt("3.14"));     // 3
console.log(parseInt("abc123"));   // NaN

parseInt() para de analisar no primeiro caractere não numérico que encontrar. Para números de ponto flutuante, ele retorna apenas a parte inteira. Se não encontrar um inteiro válido no início da string, retorna NaN. Ambos os métodos têm alguns comportamentos notáveis. Eles ignoram espaços em branco iniciais:

console.log(parseFloat("  3.14"));  // 3.14
console.log(parseInt("  42"));      // 42

Eles lidam com sinais de mais e menos no início da string:

console.log(parseFloat("+3.14"));  // 3.14
console.log(parseInt("-42"));      // -42

Vale a pena notar que, embora esses métodos sejam poderosos, eles têm algumas limitações. Por exemplo, eles não lidam diretamente com todos os formatos de número, como notação científica. Para necessidades de análise mais complexas, você pode precisar usar técnicas ou bibliotecas adicionais. Em conclusão, parseFloat() e parseInt() são ferramentas valiosas para converter strings em números no JavaScript. Entender como eles funcionam e seus comportamentos específicos permite que você lide com dados numéricos de forma mais eficaz em suas aplicações, especialmente ao trabalhar com entradas de usuário ou fontes de dados externas.