Tipos de datos básicos: elegir bien qué guarda cada variable

Aprende a distinguir número, texto, booleano, `undefined` y `null` para evitar errores típicos al empezar y representar mejor la información de un programa.

Ya sabes que una variable guarda información. La siguiente decisión importante es entender qué clase de información estás guardando exactamente.

Un mismo valor visual puede significar cosas distintas según su tipo. `25` como número no se comporta igual que `"25"` como texto.

Esta diferencia parece pequeña al principio, pero es una de las causas más comunes de errores cuando alguien empieza a programar.

Objetivo medible: identificar el tipo de un valor simple, justificar por qué encaja en una variable concreta y detectar al menos dos elecciones de tipo mal planteadas.

  • Programar no es solo guardar datos, sino guardarlos de una forma que el programa pueda interpretar correctamente.
  • Si una tienda guarda el precio como número, puede sumarlo y compararlo. Si lo guarda como texto, el comportamiento puede ser distinto y más confuso.
  • Elegir bien el tipo es una decisión técnica pequeña, pero afecta a cálculos, validaciones, condiciones y mensajes que construirás más adelante.
  • El tipo influye en cómo se usa el valor.
  • No todo lo que ves como texto en pantalla debe guardarse como texto.

Por qué los tipos de datos importan desde el día uno

Programar no es solo guardar datos, sino guardarlos de una forma que el programa pueda interpretar correctamente.

Si una tienda guarda el precio como número, puede sumarlo y compararlo. Si lo guarda como texto, el comportamiento puede ser distinto y más confuso.

Elegir bien el tipo es una decisión técnica pequeña, pero afecta a cálculos, validaciones, condiciones y mensajes que construirás más adelante.

  • El tipo influye en cómo se usa el valor.
  • No todo lo que ves como texto en pantalla debe guardarse como texto.
  • Un mal tipo genera errores difíciles de detectar si no lo revisas pronto.

Los cinco tipos básicos que necesitas dominar ahora

En esta fase no necesitas estudiar todo JavaScript, sino reconocer los tipos que más vas a usar al construir lógica básica.

Cómo se ven en código y qué significan

Lo importante no es memorizar una lista, sino aprender a leer qué intenta representar cada valor en contexto.

`edad` guarda una cantidad numérica. `nombre` guarda texto. `accesoPermitido` expresa una decisión. `descuento` existe, pero aún no tiene contenido. `avatar` indica que, por ahora, no hay imagen asignada a propósito.

Aquí ya empiezas a pensar como programador: no solo ves valores, ves intención y significado.

Errores frecuentes al elegir tipos de datos

Casi todos los errores tempranos con tipos nacen de una representación poco pensada del problema.

Un buen hábito para 2026 es revisar tus variables como si fueran contratos pequeños: nombre, significado y tipo deben encajar entre sí.

Si algo falla, inspeccionar el valor en consola y preguntarte qué tipo necesitabas de verdad suele ahorrar mucho tiempo.

  • Guardar como texto un dato que luego quieres calcular.
  • Usar un número cuando en realidad necesitas una respuesta de sí o no.
  • Confundir `undefined` con `null` como si fueran exactamente lo mismo.
  • Nombrar una variable de forma poco clara y perder de vista qué tipo debería guardar.

Trucos, herramientas y hábitos útiles para detectar tipos

Aprender tipos no consiste solo en teoría; también conviene desarrollar gestos de trabajo que te ayuden a comprobar supuestos.

  • Usa `console.log()` para imprimir el valor cuando dudes de lo que contiene.
  • En DevTools, observa si una variable aparece con comillas o como valor lógico.
  • En VS Code, pon nombres que sugieran el tipo: `precio`, `usuarioActivo`, `mensajeError`.
  • Cuando uses IA, pídele que explique por qué un valor debería ser número, texto o booleano en vez de aceptar la primera sugerencia.
Fundamentos de Programación
05

Tipos de datos básicos: elegir bien qué guarda cada variable

Aprende a distinguir número, texto, booleano, `undefined` y `null` para evitar errores típicos al empezar y representar mejor la información de un programa.

Código del tema: let edad = 25;

📘 Teoría

Por qué los tipos de datos importan desde el día uno

Programar no es solo guardar datos, sino guardarlos de una forma que el programa pueda interpretar correctamente.

Si una tienda guarda el precio como número, puede sumarlo y compararlo. Si lo guarda como texto, el comportamiento puede ser distinto y más confuso.

Elegir bien el tipo es una decisión técnica pequeña, pero afecta a cálculos, validaciones, condiciones y mensajes que construirás más adelante.

  • El tipo influye en cómo se usa el valor.
  • No todo lo que ves como texto en pantalla debe guardarse como texto.
  • Un mal tipo genera errores difíciles de detectar si no lo revisas pronto.

Los cinco tipos básicos que necesitas dominar ahora

En esta fase no necesitas estudiar todo JavaScript, sino reconocer los tipos que más vas a usar al construir lógica básica.

1

Número

Representa cantidades, edades, precios, contadores o notas.

2

Texto

Representa nombres, mensajes, códigos o cualquier contenido textual.

3

Booleano

Representa una decisión binaria: verdadero o falso.

4

Undefined

Representa que todavía no hay un valor asignado.

5

Null

Representa una ausencia de dato marcada de forma intencional.

Cómo se ven en código y qué significan

Lo importante no es memorizar una lista, sino aprender a leer qué intenta representar cada valor en contexto.

1

`edad` guarda una cantidad numérica. `nombre` guarda texto. `accesoPermitido` expresa una decisión. `descuento` existe, pero aún no tiene contenido. `avatar` indica que, por ahora, no hay imagen asignada a propósito.

2

Aquí ya empiezas a pensar como programador: no solo ves valores, ves intención y significado.

Cinco variables con tipos distintos
let edad = 25;
let nombre = 'Lucía';
let accesoPermitido = true;
let descuento;
let avatar = null;

console.log(edad, nombre, accesoPermitido, descuento, avatar);

Errores frecuentes al elegir tipos de datos

Casi todos los errores tempranos con tipos nacen de una representación poco pensada del problema.

Un buen hábito para 2026 es revisar tus variables como si fueran contratos pequeños: nombre, significado y tipo deben encajar entre sí.

Si algo falla, inspeccionar el valor en consola y preguntarte qué tipo necesitabas de verdad suele ahorrar mucho tiempo.

  • Guardar como texto un dato que luego quieres calcular.
  • Usar un número cuando en realidad necesitas una respuesta de sí o no.
  • Confundir `undefined` con `null` como si fueran exactamente lo mismo.
  • Nombrar una variable de forma poco clara y perder de vista qué tipo debería guardar.

Trucos, herramientas y hábitos útiles para detectar tipos

Aprender tipos no consiste solo en teoría; también conviene desarrollar gestos de trabajo que te ayuden a comprobar supuestos.

  • Usa `console.log()` para imprimir el valor cuando dudes de lo que contiene.
  • En DevTools, observa si una variable aparece con comillas o como valor lógico.
  • En VS Code, pon nombres que sugieran el tipo: `precio`, `usuarioActivo`, `mensajeError`.
  • Cuando uses IA, pídele que explique por qué un valor debería ser número, texto o booleano en vez de aceptar la primera sugerencia.

🧭 Visuales clave

Mapa visual de tipos de datos básicos

Sirve para distinguir de un vistazo qué representa cada tipo de dato y cuándo conviene usarlo en problemas reales de programación inicial.

Diagrama didáctico que compara número, texto, booleano, undefined y null con ejemplos y uso recomendado en variables de programas básicos.

🧪 Aprende probando

Ejemplo Ejemplo guiado: variables de un registro simple Cada variable representa una clase de dato distinta dentro de un caso reconocible.
Ejemplo Ejemplo guiado: cuando todavía no hay dato Distingue entre una variable sin valor y una ausencia de dato marcada intencionalmente.

🏁 Retos

Reto Reto: corrige los tipos de una ficha de usuario Reescribe variables para que el tipo elegido encaje con lo que representan.

🧰 Recursos

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .