Fundamentos de la conversión de tipos

En esta lección aprenderás lo básico de la conversión de tipos en JavaScript para convertir correctamente entre cadenas y números. Está dirigida a quien busca «convertir tipos en JavaScript» o «convertir cadena a número en JavaScript».

La conversión de tipos —convertir una cadena en número, o un número en cadena— es una operación básica de la programación. Se usan funciones como Number(), String() y parseInt(). Los valores de un formulario llegan siempre como cadenas, así que hay que convertirlos a número sin falta antes de calcular con ellos. Operar sin ser consciente de los tipos es una fuente habitual de fallos inesperados.

El código de ejemplo convierte la cadena "123" en número con Number() y la usa en un cálculo, y convierte el número 45 en cadena con String() para unirlo a la palabra «euros». parseInt() es una función que extrae del principio de una cadena solo la parte legible como número, así que puede sacar únicamente la cifra de una cadena con unidad, como "123px".

Un tropiezo habitual al empezar es usar el operador + pensando que un valor es un número cuando en realidad sigue siendo una cadena, con lo que acabas concatenando en lugar de sumar. "5" + 3 no da 8: da la cadena "53". Para más confusión, "5" - 3 sí se convierte automáticamente a números y da 2, así que el comportamiento distinto según el operador puede despistar.

En el desarrollo real, los valores de formularios y de los parámetros de una URL se tratan siempre como cadenas, así que antes de cualquier cálculo con dinero o fechas hay que insertar la conversión adecuada. Un código consciente de los tipos es la base de una aplicación estable y con menos fallos.