Bienvenido al repositorio Aprendiendo JavaScript. Aquí encontrarás conceptos fundamentales de JavaScript con ejemplos prácticos que te ayudarán a mejorar tus habilidades en programación web.
Este repositorio está estructurado en diferentes temas clave de JavaScript:
Las variables almacenan datos. Se pueden declarar con var, let o const.
var nombre = "Pedro"; // String
let cedula = "123456789"; // String
let edad = 25; // Number
let sueldo = 2500.0; // Number
let hijos = false; // Boolean
const PI = 3.1416; // constante, no cambiará su valor
String (texto) "Hola, mundo"
Number (número) 42, 3.14
Boolean (booleano) true, false
Array (arreglo) [1, 2, 3, 4]
Object (objeto) { nombre: "Pedro", edad: 25 }
Los operadores permiten realizar operaciones con variables y valores.
let suma = 7 + 8;
let resta = 20 - 4;
let multiplicacion = 9 * 1;
let division = 25 / 5;
let modulo = 30 % 3;
let exponente = 5 ** 2;
console.log(suma, resta, multiplicacion, division, modulo, exponente);
let saludo = "hola ";
let persona = prompt("Ingresa tu nombre: ");
let mensaje = saludo + persona;
console.log(mensaje);
// alert(mensaje); // muestra un mensaje en la pantalla
alert("Mañana hay examen de bases de datos");
Las estructuras de control permiten ejecutar código según condiciones
let nombre = prompt("Ingresa tu nombre: ");
let edadNueva = prompt("Ingresa tu edad: ");
if (edadNueva > 18) {
console.log(nombre, "Eres mayor de edad");
} else if (edadNueva < 18) {
console.log(nombre + " Eres menor de edad");
} else {
console.log(nombre, "Tienes 18 años");
}
Un arreglo es una estructura de datos que permite almacenar múltiples valores en una sola variable.
let frutas = ["Manzana", "Banana", "Uva", "Naranja"];
console.log(frutas[0]); // Accede al primer elemento "Manzana"
// Agregar elementos al final
frutas.push("Mango");
console.log(frutas); // ["Manzana", "Banana", "Uva", "Naranja", "Mango"]
// Eliminar el último elemento
frutas.pop();
console.log(frutas); // ["Manzana", "Banana", "Uva", "Naranja"]
// Agregar elementos al inicio
frutas.unshift("Fresa");
console.log(frutas); // ["Fresa", "Manzana", "Banana", "Uva", "Naranja"]
// Eliminar el primer elemento
frutas.shift();
console.log(frutas); // ["Manzana", "Banana", "Uva", "Naranja"]
// Encontrar la posición de un elemento
let indice = frutas.indexOf("Uva");
console.log(indice); // 2
// Eliminar un elemento por su índice
frutas.splice(indice, 1);
console.log(frutas); // ["Manzana", "Banana", "Naranja"]
// Copiar una parte del arreglo
let nuevasFrutas = frutas.slice(1, 3);
console.log(nuevasFrutas); // ["Banana", "Naranja"]
// Recorrer un arreglo con forEach
frutas.forEach(fruta => console.log(fruta));
// Transformar elementos con map
let mayusculas = frutas.map(fruta => fruta.toUpperCase());
console.log(mayusculas); // ["MANZANA", "BANANA", "NARANJA"]
// Filtrar elementos
let filtradas = frutas.filter(fruta => fruta.length > 5);
console.log(filtradas); // ["Banana", "Naranja"]
// Verificar si un elemento existe en el arreglo
console.log(frutas.includes("Manzana")); // true
Los bucles permiten repetir un bloque de código varias veces.
// Bucle for
for (let i = 0; i < 5; i++) {
console.log("Iteración número", i);
}
// Bucle while
let contador = 0;
while (contador < 5) {
console.log("Contador en", contador);
contador++;
}
// Bucle do-while
let num = 0;
do {
console.log("Número", num);
num++;
} while (num < 5);
// forEach para recorrer un arreglo
let numeros = [1, 2, 3, 4, 5];
numeros.forEach(num => console.log(num));