Código Real
Apóyame
JavaScript

Curso de JavaScript

Dale vida a la web.

Aprende a programar, crea interacciones y construye proyectos reales.

Conversión de tipos

A veces necesitas cambiar un valor de un tipo a otro, como convertir un texto en número. JavaScript lo hace explícitamente con funciones, o implícitamente por su cuenta (a veces con resultados sorprendentes).

Cargando editor...
Resultado
Preparando resultado...
Cambia "5" + 3 por "5" - 3 en el console.log y observa cómo el resultado pasa de concatenar texto a restar números.

Explicación

Estas son las formas más comunes de convertir un valor de un tipo a otro:

Number(valor)

Convierte un valor a número. Si el texto no se puede convertir, devuelve NaN ("Not a Number").

String(valor)

Convierte cualquier valor a texto.

Boolean(valor)

Convierte a true o false. Los valores 0, "", null, undefined y NaN se consideran "falsy" (se convierten en false); el resto es "truthy".

conversión implícita

JavaScript convierte tipos automáticamente en ciertas operaciones: + concatena si hay un texto de por medio, pero - siempre resta numéricamente.

Reto rápido

Agrega un console.log() que convierta el texto "10" a número con Number() y le sume 5.

En esta lección

  • Ejemplo interactivo
  • Explicación de cada etiqueta
  • Cuándo usarlo
  • Errores comunes

Consejo

Cuando un valor venga de un formulario o de una API, trátalo como texto por defecto y conviértelo explícitamente con Number() antes de hacer operaciones matemáticas con él.

Dato extra

Esto también explica por qué existe el operador === (comparación estricta, sin convertir tipos) además de ==: lo vas a ver a fondo en el módulo de Operadores.

Error común

Usar + esperando sumar números cuando uno de los valores en realidad es texto: "5" + 3 da como resultado "53" (texto concatenado), no 8.

Siguiente paso

Ya sabes convertir datos entre tipos. En el siguiente módulo veremos los operadores que te permiten combinarlos y compararlos.

Ir a la siguiente lección