Fundamentos de Programación en JavaScript
Fundamentos de Programación en JavaScript
Variables
javascript
Copiar código
let edad = 25; // Declarar una variable llamada edad y asignarle
el valor 25
const nombre = "Ana"; // Declarar una constante llamada nombre y
asignarle el valor "Ana"
var ciudad = "Madrid"; // Declarar una variable llamada ciudad y
asignarle el valor "Madrid"
let y const son las formas modernas de declarar variables. const se utiliza
para valores que no cambiarán.
var es una forma más antigua y tiene un comportamiento diferente que
generalmente no es preferible en programas modernos.
Sintaxis General
javascript
Copiar código
if (condición) {
// código a ejecutar si la condición es verdadera
} else {
// código a ejecutar si la condición es falsa
}
Ejemplo en JavaScript
javascript
Copiar código
let edad = 20;
Bucles (Ciclos)
Los bucles permiten ejecutar un bloque de código múltiples veces. Hay varios tipos de
bucles: for, while y do-while.
Bucle for
El bucle for se usa cuando sabemos cuántas veces queremos repetir una acción.
Sintaxis General
javascript
Copiar código
for (inicialización; condición; incremento/decremento) {
// código a ejecutar
}
Ejemplo en JavaScript
javascript
Copiar código
for (let i = 0; i < 5; i++) {
console.log("Esta es la iteración número", i);
}
Explicación:
Copiar código
Esta es la iteración número 0
Esta es la iteración número 1
Esta es la iteración número 2
Esta es la iteración número 3
Esta es la iteración número 4
Bucle while
El bucle while se usa cuando no sabemos cuántas veces se ejecutará el bucle y depende
de una condición que se evalúa antes de cada iteración.
Sintaxis General
javascript
Copiar código
while (condición) {
// código a ejecutar
}
Ejemplo en JavaScript
javascript
Copiar código
let i = 0;
while (i < 5) {
console.log("Esta es la iteración número", i);
i++;
}
Explicación:
Este bucle imprimirá el mismo resultado que el ejemplo del bucle for.
Bucle do-while
El bucle do-while es similar al while, pero siempre se ejecuta al menos una vez
porque la condición se evalúa al final.
Sintaxis General
javascript
Copiar código
do {
// código a ejecutar
} while (condición);
Ejemplo en JavaScript
javascript
Copiar código
let i = 0;
do {
console.log("Esta es la iteración número", i);
i++;
} while (i < 5);
Explicación:
javascript
Copiar código
let i = 0;
let contador = 0;
while (i <= 10) {
if (i % 2 === 0) {
contador++;
}
i++;
}
console.log("Hay", contador, "números pares hasta 10");
Explicación: Este bucle cuenta cuántos números pares hay desde 0 hasta 10.
Resumen
numero= document.getelementById(‘num’).value
numero = parseInt(numero)
let r = document.getelementById(‘resp’)
if (numero % 2 === 0) {
console.log(numero + " es par");
r.innerHtml= numero + " es par"
} else {
console.log(numero + " es impar");
r.innerHtml= numero + " es
impar"
}
}
Explicación:
Código en JavaScript:
javascript
Copiar código
let edad = 20;
if (edad >= 18) {
console.log("Eres mayor de edad");
} else {
console.log("Eres menor de edad");
}
Explicación:
Código en JavaScript:
javascript
Copiar código
let numero = -5;
if (numero > 0) {
console.log(numero + " es positivo");
} else if (numero < 0) {
console.log(numero + " es negativo");
} else {
console.log(numero + " es cero");
}
Explicación:
Código en JavaScript:
javascript
Copiar código
let anio = 2020;
Explicación:
(anio % 4 === 0 && anio % 100 !== 0) || anio % 400 === 0 verifica
las reglas de un año bisiesto.
Código en JavaScript:
javascript
Copiar código
let numero1 = 10;
let numero2 = 20;
Explicación:
VARIABLES PRIMTIVAS
javascript
Copiar código
let n = 10;
Explicación:
Código en JavaScript:
javascript
Copiar código
let numero = 20;
acu=0
for (let i = 1; i <= numero; i++) {
if (numero % i === 0) {
console.log(i + " es un divisor de " + numero);
}
}
Explicación:
Código en JavaScript:
javascript
Copiar código
let numero = 28;
let suma = 0;
Explicación:
Código en JavaScript:
javascript
Copiar código
let numero = 29;
let esPrimo = true;
Explicación:
Código en JavaScript:
javascript
Copiar código
let numero = 12345;
let invertido = 0;
Explicación:
Código en JavaScript:
javascript
Copiar código
let numero1 = 4;
let numero2 = 3;
let resultado = 0;
Explicación:
Código en JavaScript:
javascript
Copiar código
let dividendo = 20;
let divisor = 4;
let cociente = 0;
Explicación:
while (dividendo >= divisor) itera mientras el dividendo sea mayor o igual
al divisor.
dividendo -= divisor resta el divisor del dividendo.
cociente++ incrementa el cociente en 1 en cada iteración.
Ejercicio 8: Presentar la serie de Fibonacci de n números
Código en JavaScript:
javascript
Copiar código
let n = 10;
let a = 0;
let b = 1;
console.log(a);
console.log(b);
Explicación:
ARREGLOS
Código en JavaScript:
javascript
Copiar código
let numeros = [10, 15, 23, 30, 45, 50];
Explicación:
Código en JavaScript:
javascript
Copiar código
let numeros = [10, 15, 23, 30, 45, 50];
let suma = 0;
Explicación:
Código en JavaScript:
javascript
Copiar código
let numeros = [10, 15, 23, 30, 45, 50];
let mayor = numeros[0];
Explicación:
Código en JavaScript:
javascript
Copiar código
let nombres = ["Juan", "Ana", "Carlos", "Ana", "Luis"];
Explicación:
Código en JavaScript:
javascript
Copiar código
let numeros = [10, 15, 23, 30, 45, 50];
Explicación:
CADENAS
Ejercicio:
let cadena = "Hola Mundo";
for (let i = 0; i < cadena.length; i++) {
console.log(cadena[i]);
}
Paso a paso:
1. Declarar una variable cadena y asignarle el valor "Hola Mundo".
2. Usar un bucle for que empieza desde i = 0 y continúa mientras i sea menor que
cadena.length.
3. Dentro del bucle, console.log(cadena[i]) imprime el carácter en la posición i de la
cadena.
Ejercicio:
let cadena = "Hola Mundo";
let cadenaInvertida = "";
for (let i = cadena.length - 1; i >= 0; i--) {
cadenaInvertida += cadena[i];
}
console.log(cadenaInvertida);
Paso a paso:
1. Declarar las variables cadena y cadenaInvertida.
2. Usar un bucle for que empieza desde el último carácter (cadena.length - 1) y
decrementa i hasta 0.
3. En cada iteración, añadir el carácter actual a cadenaInvertida.
9. Eliminar espacios
Objetivo: Crear una nueva cadena eliminando todos los espacios.
Estrategia de enseñanza:
Filtrado de caracteres: Mostrar cómo construir una nueva cadena excluyendo
caracteres específicos (espacios).
Uso de condicionales: Explicar cómo decidir qué caracteres agregar a la nueva
cadena.
Ejercicio:
let cadena = "Hola Mundo";
let nuevaCadena = "";
for (let i = 0; i < cadena.length; i++) {
if (cadena[i] !== " ") {
nuevaCadena += cadena[i];
}
}
console.log(nuevaCadena);
Paso a paso:
1. Declarar las variables cadena y nuevaCadena.
2. Usar un bucle for para recorrer la cadena.
3. Si el carácter actual no es un espacio, añadirlo a nuevaCadena.
Ejercicio:
let cadena = "Hola Mundo desde Javascript";
let palabraActual = "";
let longitudMaxima = 0;
for (let i = 0; i < cadena.length; i++) {
if (cadena[i] === " " || i === cadena.length - 1) {
if (i === cadena.length - 1) {
palabraActual += cadena[i];
}
if (palabraActual.length > longitudMaxima) {
longitudMaxima = palabraActual.length;
}
palabraActual = "";
} else {
palabraActual += cadena[i];
}
}
console.log(longitudMaxima);
Paso a paso:
1. Declarar las variables cadena, palabraActual y longitudMaxima.
2. Usar un bucle for para recorrer la cadena.
3. Construir palabraActual carácter por carácter. Si se encuentra un espacio o se llega al
final de la cadena, comparar la longitud de palabraActual con longitudMaxima y
actualizar longitudMaxima si es necesario. Reiniciar palabraActual después de cada
palabra.