Teoría: Agregación de datos

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.