Extracción de números en JavaScript
La función Number funciona solo
con cadenas que consisten en dígitos.
Sin embargo, al programar en JavaScript
a menudo se encuentran situaciones en las que necesitas
trabajar con cadenas que comienzan con
un número y luego letras.
Un ejemplo de tal cadena podría ser un valor
en píxeles: '12px'. Supongamos que necesitamos
obtener el número al principio, descartando
la parte de la cadena. Para esta operación existe
la función parseInt. Veamos
su funcionamiento con un ejemplo:
let num = parseInt('12px');
alert(num); // mostrará 12
Sin embargo, los píxeles a veces pueden ser fraccionarios:
'12.5px'. En este caso, la función parseInt
se rinde y solo muestra la parte entera:
let num = parseInt('12.5px');
alert(num); // mostrará 12 de todos modos
En general, es posible que este comportamiento sea
exactamente lo que necesitas. Pero si no, utiliza
la función parseFloat, que extrae
el número junto con su parte fraccionaria:
let num = parseFloat('12.5px');
alert(num); // mostrará 12.5
Por supuesto, la ausencia de una parte fraccionaria no impide
que la función parseFloat funcione correctamente:
let num = parseFloat('12px');
alert(num); // mostrará 12
Se da una variable con el valor '5px' y
una variable con el valor '6px'. Encuentra
la suma de píxeles de los valores de estas variables
y muéstrala en pantalla.
Se da una variable con el valor '5.5px'
y una variable con el valor '6.25px'.
Encuentra la suma de píxeles de los valores de estas variables
y muéstrala en pantalla.
Modifica el problema anterior para que
a el resultado mostrado se le agreguen las letras
'px'. Es decir, si nuestra suma es igual
a 11.75, que en pantalla se muestre
'11.75px'.
