Saltar al contenido principal
Codigo Heroe
Tarea anterior
Arreglos5/26
A la lista de tareas
  1. 1. Visualizar datos en una gráfica
  2. 2. Calcular el promedio
  3. 3. Comparar el promedio con el valor esperado
  4. 4. Agregar nuevos datos
  5. 5. Crear un arreglo
  6. 6. Leer elementos de un arreglo
  7. 7. Usar una variable como índice
  8. 8. La longitud de un arreglo
  9. 9. Recorrer un arreglo con for
  10. 10. Sumar los elementos de un arreglo
  11. 11. Calcular el promedio de un arreglo
  12. 12. Filtrar valores con una condición
  13. 13. Escribir valores en un arreglo
  14. 14. Ajustar el umbral del filtro
  15. 15. Actualizar los datos del arreglo
  16. 16. Intercambiar elementos
  17. 17. Recorrer una parte del arreglo
  18. 18. Encontrar el valor mínimo
  19. 19. Colocar el mínimo en su posición
  20. 20. Repetir el ordenamiento
  21. 21. Ordenar con ciclos anidados
  22. 22. Probar el ordenamiento
  23. 23. Calcular la mediana: cantidad impar
  24. 24. Calcular la mediana: cantidad par
  25. 25. Combinar ordenamiento y mediana
  26. 26. Comparar la mediana con el promedio
Siguiente tarea
  • Matriz de skills
  • Cursos
  • Registro
  • Iniciar sesión

Loading…
En unos segundos, estará listo.

  • Teoría
  • Teoría

Crear un arreglo

Cupcake movía la cola pensativo y entrecerraba los ojos frente a tu código. Al fin apartó la mirada cansada de la pantalla, marcó un número conocido en su localizador y dijo con un suspiro: «Hola, líder de equipo. Cuéntale al nuevo integrante qué es la refactorización».

Por increíble que parezca, el videoblog ha durado bastante. Hoy Cupcake envió los datos del último mes:

817, 1370, 752, 1247, 681, 1120, 915, 1281, 875, 1341, 757, 610, 812, 1170, 769, 1261, 845, 1289, 515, 1247, 845, 1311, 741, 1239, 812, 638, 877, 1242, 1159, 1372

Para analizar estos datos con el programa actual, tendrías que agregar otras 26 variables. ¿Demasiado trabajo? Y pronto llegarán los datos de todo un año.

El programa funciona bien, pero agregar datos nuevos requiere demasiado esfuerzo. Es hora de refactorizarlo. La refactorización consiste en reescribir un programa para que siga haciendo lo mismo, pero sea más flexible. Nuestro objetivo es facilitar la incorporación y modificación de grandes cantidades de datos.

Por suerte, existe una forma de almacenar todos esos datos juntos: un arreglo. Un arreglo es un tipo de dato que representa una lista de elementos, cada uno con su propio número de posición.

Los arreglos se crean con un literal de arreglo: un par de corchetes. Dentro se escriben los valores separados por comas. Al crearlo, puedes guardar el arreglo en una variable, igual que cualquier otro valor:

let numbers = [1, 2, 3, 4, 5];

Un arreglo puede almacenar todo tipo de datos: cadenas, valores booleanos, números e incluso otros arreglos.

Vamos a refactorizar el programa poco a poco, sin borrarlo entero. Primero dejaremos de usar una variable para cada dato:

  1. Asignaremos temporalmente cero a la variable del promedio.
  2. Crearemos un arreglo y pasaremos a él los valores de las variables.
  3. Pasaremos ese arreglo a keks.plot en lugar de las variables. Por suerte, el comando también acepta arreglos.
  4. Cuando las variables de datos ya no se usen en el programa, podremos eliminarlas.
  • script.js
JavaScript
let expectedUsers = 1000; let firstDayUsers = 812; let secondDayUsers = 1360; let thirdDayUsers = 657; let fourthDayUsers = 1247; // Dibujamos la gráfica de visitas keks.plot( firstDayUsers, secondDayUsers, thirdDayUsers, fourthDayUsers, expectedUsers ); // Calculamos el promedio de visitas let averageUsers = (firstDayUsers + secondDayUsers + thirdDayUsers + fourthDayUsers) / 4; console.log('Promedio de visitas: ' + averageUsers); if (averageUsers > expectedUsers) { console.log('Las visitas van de maravilla. ¡Sigue así!'); } else { console.log('Las visitas van más o menos. ¡Hay que esforzarse más!'); }
Consola

El código ha cambiado, haga clic en "Ejecutar" o active la ejecución automática.

Resultado de la ejecución

ObjetivosRealizado
0
    1. En lugar de calcular el promedio, asigna 0 a la variable averageUsers.
    2. Antes de keks.plot, declara la variable usersByDay con el valor [812, 1360, 657, 1247].
    3. En keks.plot, usa usersByDay como primer parámetro y expectedUsers como segundo. Elimina los demás parámetros.
    4. Ahora elimina las variables firstDayUsers, secondDayUsers, thirdDayUsers y fourthDayUsers.
    Codigo Heroe

    © 2023-2026, codigoheroe.com