Regístrate para acceder a más de 15 cursos gratuitos de programación con un simulador

Agregación de datos Fundamentos de JavaScript

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.

Iteration

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: 05 + 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.

Obtener acceso
130
cursos
1000
ejercicios
2000+
horas de teoría
3200
test

Obtén acceso

Cursos de programación para principiantes y desarrolladores experimentados. Comienza tu aprendizaje de forma gratuita

  • 130 cursos, 2000+ horas de teoría
  • 1000 ejercicios prácticos en el navegador
  • 360 000 estudiantes
Al enviar el formulario, aceptas el «Política de privacidad» y los términos de la «Oferta», y también aceptas los «Términos y condiciones de uso»

Nuestros graduados trabajan en empresas como:

Bookmate
Health Samurai
Dualboot
ABBYY