Digamos que tengo una lista de colores, como
let ListOfColors = ["Red", "Blue", "Yellow"];Necesito iterarlo a través de una función que recibe una cantidad de elementos para imprimir, para que se comporte así:
Si el número de elementos a imprimir es 5, debería imprimir
Red Blue Yellow Red BlueComo puede ver, tan pronto como la iteración actual exceda el número total de colores, comenzará de nuevo.
Por el momento, esto es lo que tengo:
function TestColorIteration(NumberOfTimesToIterate) { let ListOfColors = ["Red", "Blue", "Yellow"]; for(let i = 0; i< NumberOfTimesToIterate; i++) { console.log(ListOfColors[i]) } }Pero no vuelve a iniciar el ciclo, imprime indefinido.
El operador de módulo ( % ) devuelve el resto después de la división de enteros.
function TestColorIteration(NumberOfTimesToIterate) { let ListOfColors = ["Red", "Blue", "Yellow"]; let Count = ListOfColors.length; for(let i = 0; i< NumberOfTimesToIterate; i++) { console.log(ListOfColors[i % Count]) } } Estaba viendo undefined porque el índice i estaba creciendo más que la longitud de la matriz. Intentar acceder a un elemento fuera de los "límites" de una matriz devolverá undefined .
Esto es más fácil de implementar con un bucle while.
Lo que sucede es que está llegando al último elemento de la matriz y luego está tratando de obtener más elementos, pero no hay más elementos, lo que a su vez lo deja indefinido.
Debe restablecer su "posición" en la matriz una vez que haya alcanzado los elementos máximos en la matriz.
function TestColorIteration(NumberOfTimesToIterate) { let ListOfColors = ["Red", "Blue", "Yellow"]; let counter = 0; let listElem = 0; while(counter < NumberOfTimesToIterate) { console.log(ListOfColors[listElem]); counter++; listElem++; if(counter == ListOfColors.length) { listElem = 0; } } } TestColorIteration(5);La solución más simple es mediante el uso de dos bucles.
function TestColorIteration(NumberOfTimesToIterate) { let ListOfColors = ["Red", "Blue", "Yellow"]; var fullRounds = Math.floor(NumberOfTimesToIterate/ListOfColors.length) var remainder = NumberOfTimesToIterate%ListOfColors.length for(let i = 0; i< fullRounds; i++) { console.log(ListOfColors[0]) console.log(ListOfColors[1]) console.log(ListOfColors[2]) } for(let i = 0; i< remainder; i++) { console.log(ListOfColors[i]) } }