Variables, Tipos de Datos y Operadores

1// Puedes usar comillas simples, dobles o backticks
2const nombre = "Juan";
3const apellido = 'García';
4 
5// Template literals (backticks) - permiten interpolación
6const saludo = `Hola, ${nombre} ${apellido}`;
7console.log(saludo); // "Hola, Juan García"
8 
9// Saltos de línea y multilínea
10const mensaje = `
11  Este es un mensaje
12  en varias líneas
13`;
14 
15// Métodos comunes
16console.log(nombre.length);           // 4
17console.log(nombre.toUpperCase());    // "JUAN"
18console.log(nombre.toLowerCase());    // "juan"
19console.log(apellido.includes("arc")); // true

1// Enteros y decimales
2const entero = 42;
3const decimal = 3.14159;
4const negativo = -273;
5 
6// Operaciones matemáticas básicas
7const suma = 10 + 5;      // 15
8const resta = 10 - 5;     // 5
9const multiplicacion = 10 * 5; // 50
10const division = 10 / 5;  // 2
11const modulo = 10 % 3;    // 1 (resto de la división)
12 
13// Valores especiales
14const infinito = Infinity;
15const noEsNumero = NaN; // Not a Number
16 
17// Conversión de strings a números
18const numero = Number("123");      // 123
19const enteroParseado = parseInt("42px");   // 42
20const decimalParseado = parseFloat("3.14"); // 3.14

1// Solo dos valores posibles: true o false
2const esMayorDeEdad = true;
3const tieneLicencia = false;
4 
5// Comparaciones devuelven booleanos
6const esIgual = 5 === 5;        // true
7const esDiferente = 5 !== 3;    // true
8const esMayor = 10 > 5;         // true
9const esMenor = 3 < 2;          // false
10const esMayorOIgual = 5 >= 5;   // true
11 
12// Valores "truthy" y "falsy"
13// Falsy: false, 0, "", null, undefined, NaN
14// Todo lo demás es "truthy"
15 
16console.log(Boolean(0));        // false
17console.log(Boolean(""));       // false
18console.log(Boolean("hola"));   // true
19console.log(Boolean(42));       // true

1// undefined - variable declarada pero sin valor asignado
2let variable;
3console.log(variable); // undefined
4 
5// null - ausencia intencional de valor
6const sinValor = null;
7console.log(sinValor); // null
8 
9// Diferencia
10console.log(typeof undefined); // "undefined"
11console.log(typeof null);      // "object" (bug histórico de JS)

1// Operador typeof
2console.log(typeof "Hola");      // "string"
3console.log(typeof 42);          // "number"
4console.log(typeof true);        // "boolean"
5console.log(typeof undefined);   // "undefined"
6console.log(typeof null);        // "object"
7console.log(typeof {});          // "object"
8console.log(typeof []);          // "object"
9console.log(typeof function(){}); // "function"

1let a = 10;
2let b = 3;
3 
4console.log(a + b);  // 13 - Suma
5console.log(a - b);  // 7  - Resta
6console.log(a * b);  // 30 - Multiplicación
7console.log(a / b);  // 3.333... - División
8console.log(a % b);  // 1  - Módulo (resto)
9console.log(a ** b); // 1000 - Exponenciación (10³)
10 
11// Incremento y decremento
12let contador = 0;
13contador++;  // Incrementa en 1 (ahora es 1)
14contador--;  // Decrementa en 1 (ahora es 0)
15 
16// Pre y post incremento
17let x = 5;
18console.log(x++);  // 5 (devuelve y luego incrementa)
19console.log(x);    // 6
20 
21let y = 5;
22console.log(++y);  // 6 (incrementa y luego devuelve)
23console.log(y);    // 6

1let num = 10;
2 
3// Asignación compuesta
4num += 5;   // num = num + 5;  → 15
5num -= 3;   // num = num - 3;  → 12
6num *= 2;   // num = num * 2;  → 24
7num /= 4;   // num = num / 4;  → 6
8num %= 4;   // num = num % 4;  → 2
9num **= 3;  // num = num ** 3; → 8
10 
11console.log(num); // 8

1// Igualdad estricta (compara valor Y tipo)
2console.log(5 === 5);      // true
3console.log(5 === "5");    // false (número vs string)
4 
5// Igualdad débil (compara solo valor, convierte tipos)
6console.log(5 == "5");     // true ⚠️ Evita usar ==
7 
8// Desigualdad
9console.log(5 !== 3);      // true
10console.log(5 != "5");     // false
11 
12// Comparaciones
13console.log(10 > 5);       // true
14console.log(10 < 5);       // false
15console.log(10 >= 10);     // true
16console.log(5 <= 3);       // false

1// AND (&&) - Ambas condiciones deben ser verdaderas
2const edad = 20;
3const tieneLicencia = true;
4 
5console.log(edad >= 18 && tieneLicencia); // true
6 
7// OR (||) - Al menos una condición debe ser verdadera
8const esFinde = false;
9const esVacaciones = true;
10 
11console.log(esFinde || esVacaciones); // true
12 
13// NOT (!) - Niega el valor
14const esDeDia = true;
15console.log(!esDeDia); // false
16 
17// Combinaciones
18const temperatura = 25;
19const esSoleado = true;
20 
21const buenDiaParaPlaya = temperatura > 20 && esSoleado;
22console.log(buenDiaParaPlaya); // true
23 
24// Operador nullish coalescing (??)
25const nombre = null;
26const nombrePorDefecto = nombre ?? "Anónimo";
27console.log(nombrePorDefecto); // "Anónimo"

1// Sintaxis: condición ? valorSiTrue : valorSiFalse
2const edad = 18;
3const mensaje = edad >= 18 ? "Eres mayor de edad" : "Eres menor de edad";
4console.log(mensaje); // "Eres mayor de edad"
5 
6// Equivalente a:
7let mensajeLargo;
8if (edad >= 18) {
9  mensajeLargo = "Eres mayor de edad";
10} else {
11  mensajeLargo = "Eres menor de edad";
12}
13 
14// Otro ejemplo
15const precio = 100;
16const descuento = precio > 50 ? 10 : 5;
17console.log(descuento); // 10
18 
19// Ternarios anidados (usar con moderación)
20const nota = 75;
21const resultado = nota >= 90 ? "Excelente"
22                : nota >= 70 ? "Bien"
23                : nota >= 50 ? "Aprobado"
24                : "Reprobado";
25console.log(resultado); // "Bien"