Ya sea que estés creando una tabla de resultados, generando reportes o trabajando con datos, muchas veces necesitas sumar valores, repetir bloques o concatenar información. Para eso usamos bucles, una herramienta básica que permite repetir acciones sin escribir lo mismo una y otra vez.
Sumar números en un rango
Imagina que estás desarrollando una app de finanzas personales y el usuario quiere saber cuánto gastó entre el día 5 y el 7 del mes. Con esta función, podrías calcular ese total automáticamente.
[ 5 + 6 + 7 = 18 ]
En vez de hacerlo a mano, podrías crear una función como esta:
sumNumbersFromRange(5, 7); // 5 + 6 + 7 = 18
Queremos que la función sume automáticamente todos los números entre dos valores.
Para construir esta función, necesitamos:
- Un punto de inicio (
start). - Un número final (
finish). - Un bucle que sume todos los valores entre ellos.
const sumNumbersFromRange = (start, finish) => {
let i = start; // comenzamos desde el número inicial
let sum = 0; // aquí guardaremos el total acumulado
while (i <= finish) {
sum = sum + i; // sumamos el número actual
i = i + 1; // pasamos al siguiente número
}
return sum;
};
🎯 Si usamos sumNumbersFromRange(2, 5), la ejecución será:
sum = 0
sum = sum + 2 // → 2
sum = sum + 3 // → 5
sum = sum + 4 // → 9
sum = sum + 5 // → 14
Al final, obtenemos 14, que es el total.
¿Por qué la suma empieza en 0?
En matemáticas, hay algo llamado elemento neutro. Es un valor que no afecta la operación. En el caso de la suma, el 0 no cambia el resultado.
- Suma:
0→5 + 0 = 5 - Multiplicación:
1 → 5 * 1 = 5 - Texto:
""→'hola' + '' = 'hola'
Por eso iniciamos la suma en 0. Así no altera el total.
Repetir una palabra
Los bucles no solo sirven para sumar números. Supón que estás programando un botón de “reintentar” en una app, y quieres mostrar un mensaje varias veces, o estás creando etiquetas con la misma palabra repetida. Un bucle te puede ayudar a construir ese texto.
repeat('códica', 3); // → 'códicacódicacódica'
Código explicado paso a paso
const repeat = (text, times) => {
let result = ''; // empezamos con una cadena vacía
let i = 1;
while (i <= times) {
result = result + text; // vamos sumando el texto
i = i + 1; // siguiente repetición
}
return result;
};
🎯 Si llamamos repeat('códica', 3), ocurre esto:
result = ''
result = result + 'códica' // → 'códica'
result = result + 'códica' // → 'códicacódica'
result = result + 'códica' // → 'códicacódicacódica'
Así funciona la acumulación de cadenas.
Resumen
- Los bucles nos permiten repetir instrucciones muchas veces.
- Para sumar, comenzamos desde 0 (el elemento neutro de la suma).
- Para concatenar texto, usamos
""como punto de partida. - Este patrón se usa en programación real: desde estadísticas hasta generación de contenido.
Entender estos conceptos te permitirá trabajar con datos de manera más eficiente y escribir funciones más flexibles. ¡Sigue practicando!
Para acceder completo a curso necesitas un plan básico
El plan básico te dará acceso completo a todos los cursos, ejercicios y lecciones de Códica, proyectos y acceso de por vida a la teoría de las lecciones completadas. La suscripción se puede cancelar en cualquier momento.