Tipos de datos
Ya viste la variable como una caja con nombre. La pregunta siguiente: ¿qué clase de valor hay dentro? Esas clases son los tipos de datos. Aquí trazamos el mapa para principiantes y usamos typeof para preguntarle a JavaScript la etiqueta.
¿Qué son los tipos de datos y cómo los compruebas?
Un tipo de dato es la clase de valor que guarda un nombre: texto, número, verdadero/falso, «aún sin valor», etc. En este curso empiezas con string, number, boolean, undefined y null. Objetos y arrays solo como vista previa; el detalle llega después. Para comprobar, escribe typeof delante del valor (o del nombre). La respuesta es una cadena corta como "string" o "number".
Mapa de tipos para principiantes
📊 Clases de valor que conviene conocer primero
| Clase | Ejemplo | typeof típico |
Nota |
|---|---|---|---|
| Texto (string) | "Hello" |
"string" |
Texto entre comillas |
| Número | 42 o 3.5 |
"number" |
Entero y decimal: un solo tipo aquí |
| Boolean | true / false |
"boolean" |
Encendido/apagado; luego para condiciones |
| Undefined | nombre sin valor aún | "undefined" |
Declarado pero sin asignar |
| Null | null |
"object" (rareza) |
Vacío a propósito; typeof confunde — recuerda el quirk |
| Objeto / array (avance) | { } / [1, 2] |
"object" |
Grupos de valores; detalles después |
Valores string
El texto va entre comillas. typeof responde "string".
let label = "JavaScript";
console.log(label);
console.log(typeof label);
Valores number
Enteros y decimales comparten el tipo number a nivel principiante. No hace falta un «tipo entero» aparte aquí.
let score = 42;
console.log(score);
console.log(typeof score);
Valores boolean
true y false son un tipo propio — útiles después en condiciones. Son palabras clave, no las cadenas "true".
let ready = true;
console.log(ready);
console.log(typeof ready);
Undefined — aún sin valor
Si declaras con let y no asignas, el valor es undefined. typeof da "undefined".
let pending;
console.log(pending);
console.log(typeof pending);
Null — vacío a propósito
null significa «vacío a propósito». Curiosidad: typeof null es "object" — un quirk antiguo. Trata null como vacío y memoriza esa etiqueta.
let empty = null;
console.log(empty);
console.log(typeof empty);
Comprobar varios valores
Registra el valor y su typeof. "10" (con comillas) es string; 10 es number.
console.log(typeof "10");
console.log(typeof 10);
console.log(typeof false);
console.log(typeof undefined);
console.log(typeof null);
Mostrar la etiqueta en la página
Guarda un valor, lee typeof y pon la etiqueta en la página con textContent.
<!DOCTYPE html>
<html>
<head>
<title>Data Types — typeof on page</title>
</head>
<body>
<p id="out">…</p>
<script>
let sample = "W3Learn";
let kind = typeof sample;
document.getElementById("out").textContent = "Type: " + kind;
</script>
</body>
</html>
El párrafo muestra Type: string porque sample es texto. Cambia sample a un número o true, recarga y verás la etiqueta cambiar.
Pruébalo tú
- Un
letcon ciudad entre comillas; registra valor ytypeof. - Asigna un número sin comillas; espera
"number". - Asigna
trueofalse; confirma"boolean". let x;sin asignación; miratypeof x.- Asigna
null; anota el quirk"object". - En el HTML, cambia solo
sampley recarga.
Errores frecuentes
- Escribir
let n = "42";y esperar matemática numérica — las comillas hacen un string - Asustarse con
typeof null === "object"— es un quirk, no la lección profunda de objetos - Tratar las palabras
stringonumbercomo variables que hay que declarar - Olvidar
typeofcuando dos valores «se parecen» en la consola pero se comportan distinto - Meterse en arrays/objetos antes de sus sesiones — este mapa basta por ahora
Resumen
- Los tipos de datos son las clases de valor que puede guardar una variable
- Mapa inicial: string, number, boolean, undefined, null (más un avance corto de objeto/array)
typeofdevuelve una etiqueta de tipo en forma de cadenatypeof nulles"object"— recuerda el quirk- Siguiente: Números — más detalle con valores numéricos
🧠 Pon a Prueba tu Conocimiento
Pon a Prueba tu Conocimiento
Ponte a prueba con este cuestionario interactivo y descubre qué tan bien entiendes el tema
📝 Instrucciones
- Lee cada pregunta cuidadosamente
- Selecciona la mejor respuesta para cada pregunta
- Puedes repetir el quiz tantas veces como quieras
- Tu progreso se mostrará en la parte superior