Extraindo Números em JavaScript
A função Number funciona apenas
com strings que consistem em dígitos.
No entanto, ao programar em JavaScript,
situações em que você precisa lidar
com strings que começam com um número,
seguido por letras, são comuns.
Um exemplo de tal string seria um valor
em pixels: '12px'. Suponha que precisamos
obter o número no início, descartando
a parte da string. Para essa operação, existe
a função parseInt. Vamos ver
seu funcionamento com um exemplo:
let num = parseInt('12px');
alert(num); // exibirá 12
No entanto, pixels às vezes podem ser fracionários:
'12.5px'. Nesse caso, a função parseInt
mostra limitações e exibe apenas a parte inteira:
let num = parseInt('12.5px');
alert(num); // exibirá 12 mesmo assim
No geral, tal comportamento pode ser
exatamente o que você precisa. Mas se não for, use
a função parseFloat, que extrai
o número junto com sua parte fracionária:
let num = parseFloat('12.5px');
alert(num); // exibirá 12.5
É claro que a ausência de uma parte fracionária não impede
a função parseFloat de funcionar corretamente:
let num = parseFloat('12px');
alert(num); // exibirá 12
Dada uma variável com o valor '5px' e
uma variável com o valor '6px'. Encontre
a soma dos pixels a partir dos valores dessas variáveis
e exiba-a na tela.
Dada uma variável com o valor '5.5px'
e uma variável com o valor '6.25px'.
Encontre a soma dos pixels a partir dos valores dessas variáveis
e exiba-a na tela.
Modifique a tarefa anterior para que
as letras 'px' sejam adicionadas ao resultado
exibido. Ou seja, se nossa soma for
11.75, que seja exibido
'11.75px' na tela.