Cuando comenzamos a programar con JavaScript, uno de los primeros conceptos que debemos entender son los tipos de datos. Imagina que tu computadora es una gran bodega: cada dato que guardas necesita estar en un tipo de caja distinta para que después sepas cómo usarlo.

En esta clase aprenderás qué tipos de datos existen en JavaScript, cómo se utilizan y verás ejemplos prácticos para comprenderlos mejor.

📦 Tipos de datos primitivos

Los primitivos son los datos más básicos en JavaScript. No se pueden dividir en algo más pequeño, son como los bloques fundamentales.

1. Number

Sirve para representar números, ya sean enteros o decimales.

let edad = 25;       // número entero
let precio = 19.99;  // número decimal

console.log(edad);   // 25
console.log(precio); // 19.99

let edad = 25;       // número entero
let precio = 19.99;  // número decimal

console.log(edad);   // 25
console.log(precio); // 19.99

⚡Dato curioso: en JavaScript no hay diferencia entre números enteros y decimales, todos son Number.

2. String

Los strings son cadenas de texto, es decir, secuencias de caracteres entre comillas.

let nombre = "Sofía";
let saludo = 'Hola, ¿cómo estás?';
let frase = `Hoy es un buen día`;

console.log(nombre); 
console.log(saludo);
console.log(frase);

let nombre = "Sofía";
let saludo = 'Hola, ¿cómo estás?';
let frase = `Hoy es un buen día`;

console.log(nombre); 
console.log(saludo);
console.log(frase);

👉 Con las comillas invertidas (`), llamadas template literals, puedes insertar variables dentro del texto:

let lenguaje = "JavaScript";
console.log(`Estoy aprendiendo ${lenguaje}`);

let lenguaje = "JavaScript";
console.log(`Estoy aprendiendo ${lenguaje}`);

3. Boolean

Representa valores lógicos: verdadero o falso.

let esMayorDeEdad = true;
let tieneCuenta = false;

console.log(esMayorDeEdad); // true
console.log(tieneCuenta);   // false

let esMayorDeEdad = true;
let tieneCuenta = false;

console.log(esMayorDeEdad); // true
console.log(tieneCuenta);   // false

Muy usados en condiciones:

let edad = 20;
if (edad >= 18) {
  console.log("Puedes entrar 🚪");
} else {
  console.log("Lo siento, eres menor 🙅‍♀️");
}

let edad = 20;
if (edad >= 18) {
  console.log("Puedes entrar 🚪");
} else {
  console.log("Lo siento, eres menor 🙅‍♀️");
}

4. Undefined

Cuando declaramos una variable pero no le damos valor, automáticamente es undefined.

let ciudad;
console.log(ciudad); // undefined

let ciudad;
console.log(ciudad); // undefined

5. Null

Indica la ausencia intencional de un valor.

let mascota = null; 
console.log(mascota); // null

let mascota = null; 
console.log(mascota); // null

La diferencia con undefined es que null lo asignas tú, mientras que undefined es automático cuando no inicializas.

6. Symbol

Se usa para crear identificadores únicos. No se utilizan tanto al inicio, pero son útiles en objetos más avanzados.

let id1 = Symbol("id");
let id2 = Symbol("id");

console.log(id1 === id2); // false

let id1 = Symbol("id");
let id2 = Symbol("id");

console.log(id1 === id2); // false

7. BigInt

Cuando necesitas trabajar con números muy, muy grandes.

let numeroGrande = 1234567890123456789012345678901234567890n;
console.log(numeroGrande);

let numeroGrande = 1234567890123456789012345678901234567890n;
console.log(numeroGrande);

🧰 Tipos de datos estructurados (Objetos)

Los objetos permiten agrupar varios valores en una sola entidad.

1. Object

Un objeto es como una caja con varias etiquetas (propiedades).

let persona = {
  nombre: "Sofía",
  edad: 25,
  ciudad: "CDMX"
};

console.log(persona.nombre); // Sofía

let persona = {
  nombre: "Sofía",
  edad: 25,
  ciudad: "CDMX"
};

console.log(persona.nombre); // Sofía

2. Array

Un array es una lista ordenada de elementos.

let frutas = ["manzana", "plátano", "uva"];

console.log(frutas[0]); // manzana
console.log(frutas.length); // 3

let frutas = ["manzana", "plátano", "uva"];

console.log(frutas[0]); // manzana
console.log(frutas.length); // 3

3. Function

Las funciones en JavaScript también son datos (¡sí, son objetos especiales!).

function saludar(nombre) {
  return `Hola, ${nombre}`;
}

console.log(saludar("Ana"));

function saludar(nombre) {
  return `Hola, ${nombre}`;
}

console.log(saludar("Ana"));

🔍 ¿Cómo saber el tipo de dato?

Puedes usar typeof para averiguar el tipo:

console.log(typeof 42);       // "number"
console.log(typeof "Hola");   // "string"
console.log(typeof true);     // "boolean"
console.log(typeof {});       // "object"
console.log(typeof []);       // "object" (¡ojo! los arrays también son objetos)
console.log(typeof null);     // "object" (un error histórico de JS)

console.log(typeof 42);       // "number"
console.log(typeof "Hola");   // "string"
console.log(typeof true);     // "boolean"
console.log(typeof {});       // "object"
console.log(typeof []);       // "object" (¡ojo! los arrays también son objetos)
console.log(typeof null);     // "object" (un error histórico de JS)