1. Variables y Arrays
- Variables: almacenan datos con
letoconstlet nombre = "Juan"; // String const edad = 25; // Entero (constante) let precio = 19.99; // Float let activo = true; // Booleano
- Arrays: colección ordenada de valores
let frutas = ["Manzana", "Banana", "Pera"]; let numeros = [1, 2, 3, 4]; - Objetos: colección de pares clave-valor
let alumno = { nombre: "Ana", edad: 30, carrera: "Informática" };
2. Condicionales
- if: Ejecuta código si la condición es verdadera.
if (edad >= 18) { console.log("Eres mayor de edad"); } - else: Si no se cumple la condición.
if (nota >= 4.0) { console.log("Aprobado"); } else { console.log("Reprobado"); } - else if: Múltiples condiciones.
if (hora < 12) { console.log("Buenos días"); } else if (hora < 20) { console.log("Buenas tardes"); } else { console.log("Buenas noches"); }
3. Switch
- Útil para múltiples condiciones con igualdad estricta (===).
let dia = 3; switch(dia){ case 1: console.log("Lunes"); break; default: console.log("Otro día distinto al lunes"); }
4. Bucles
- for: Repite un bloque un número específico de veces.
for (let i = 1; i <= 5; i++) { console.log(i); // 1 2 3 4 5 } - for...of: Itera sobre arrays.
let frutas = ["Manzana", "Banana"]; for (let fruta of frutas) { console.log(fruta); // "Manzana", "Banana" } - while: Repite mientras la condición sea verdadera.
let contador = 1; while (contador <= 3) { console.log(contador); // 1 2 3 contador++; }
5. Funciones
- Bloques de código reutilizables (usando function o arrow functions).
// Declaración clásica function sumar(a, b) { return a + b; }// función de flecha (arrow) (ES6+) const multiplicar = (a, b) => a * b;
console.log(sumar(3, 5)); // 8 console.log(multiplicar(2, 4)); // 8
Diferencias Clave con PHP
- Sintaxis:
- PHP usa $ para variables ($nombre), JavaScript no.
- JavaScript usa === para comparación estricta (mismo tipo y valor).
- Ejecución:
- PHP se ejecuta en el servidor, JavaScript en el navegador (o Node.js).
- Arrays vs Objetos:
- En PHP los arrays pueden ser indexados o asociativos.
- En JavaScript, los arrays son solo indexados, y los objetos son para pares clave-valor.
JavaScript es esencial para desarrollo web moderno. Practica estos conceptos y luego avanza a:
- Manipulación del DOM (para páginas web interactivas).
- Eventos (clics, teclado).
- AJAX/Fetch (consumir APIs).