Variables y Tipos de Datos

¡Las variables son la base de la programación. Vamos a dominarlas!

¿Qué es una Variable?

Una variable es una "caja" que guarda un valor.

javascript

let edad = 25;//  ↑     ↑// nombre valor

let, const y var

let - Puede ser cambiado

javascript

let puntuacion = 0;puntuacion = 10;      // ✅ Funcionapuntuacion = 100;     // ✅ Funciona

const - No puede ser cambiado

javascript

const PI = 3.14159;PI = 3;          // ❌ ¡Error!

var - Forma antigua (evitar)

javascript

var nombre = "Antiguo";  // Funciona, pero prefiere let

¿Cuándo usar qué?

const por defecto (mayoría de los casos)
let cuando el valor va a cambiar
var nunca en código nuevo

Tipos de Datos

String (texto)

javascript

const nombre = "María";const frase = 'Hola Mundo';const template = `Hola, ${nombre}`; // Métodos útilesnombre.length;           // 5nombre.toUpperCase();    // "MARÍA"nombre.toLowerCase();    // "maría"nombre.includes("rí");   // true

Number

javascript

const entero = 42;const decimal = 3.14;const negativo = -10; // Operaciones5 + 3;    // 810 - 4;   // 63 * 4;    // 1210 / 2;   // 510 % 3;   // 1 (resto) // Métodos útilesMath.round(3.7);    // 4Math.floor(3.7);    // 3Math.ceil(3.2);     // 4Math.random();      // 0 a 1

Boolean (true/false)

javascript

const activo = true;const bloqueado = false; // Resultados de comparaciones5 > 3;     // true10 < 5;    // false5 === 5;   // true5 !== 3;   // true

Undefined y Null

javascript

let variable;           // undefined (declarada sin valor)const vacio = null;     // null (intencionalmente vacío)

Conversión de Tipos

String a Number

javascript

const texto = "42";const numero = Number(texto);      // 42const numero2 = parseInt("42");    // 42const numero3 = parseFloat("3.14"); // 3.14

Number a String

javascript

const numero = 42;const texto = String(numero);      // "42"const texto2 = numero.toString();  // "42"

Verificando Tipo

javascript

typeof "Hola";   // "string"typeof 42;       // "number"typeof true;     // "boolean"typeof undefined; // "undefined"

Operadores de Comparación

javascript

// Igualdad5 == "5";    // true (solo valor)5 === "5";   // false (valor Y tipo) ← ¡USA ESTE! // Desigualdad5 != "5";    // false5 !== "5";   // true ← ¡USA ESTE! // Mayor/Menor5 > 3;       // true5 >= 5;      // true3 < 5;       // true3 <= 3;      // true

Importante: ¡Siempre usa === y !==!

Operadores Lógicos

javascript

// AND (&&) - ambos verdaderostrue && true;    // truetrue && false;   // false // OR (||) - al menos uno verdaderotrue || false;   // truefalse || false;  // false // NOT (!) - invierte!true;           // false!false;          // true

Ejercicio Práctico

javascript

// Cálculo interactivoconst nombre = prompt("¿Cuál es tu nombre?");const añoNacimiento = Number(prompt("¿Año de nacimiento?")); const edad = 2026 - añoNacimiento;const añoAdulto = añoNacimiento + 18; console.log(`${nombre}, tienes ${edad} años.`); if (edad >= 18) {    console.log("¡Eres adulto!");} else {    console.log(`Serás adulto en ${añoAdulto}.`);}

Resumen

✅ const por defecto, let cuando cambie
✅ String, Number, Boolean, Undefined, Null
✅ Siempre === para comparación
✅ && (y), || (o), ! (no)

¡En la próxima lección, aprenderemos a tomar decisiones con if/else! 🚀