Estructuras repetitivas con JavaScript

Las estructuras repetitivas permiten ejecutar bloques de sentencias múltiples veces, aun si no conocemos el número de veces que debe repetirse el código. Se puede usar para ello una determinada condición, de manera que el bloque se detendrá cuando no se cumpla la condición.
Ejemplo práctico: al ingresar productos en una factura, el proceso se repite una y otra vez.

---

Estructura FOR

Se emplea cuando se conoce la cantidad de repeticiones o al recorrer un arreglo o vector.

for ( let i = [valor inicial]; i <= [valor máximo]; i++ ) {
   //Sentencias que se van a repetir: "(valor máximo - valor inicial)" veces
}


for ( const i of [variables iterables] ) {
   //Sentencias que se van a repetir tantas veces como elementos tenga
   //el arreglo, string, maps, nodeLists o similares
}

for ( const i in [variable tipo objeto] ) {
   //Sentencias que se van a repetir tantas veces como elementos tenga
   //el objeto, se puede usar en arreglos
}

Ejemplos

Supongamos que deseamos imprimir los primeros 10 número naturales mediante un procedimiento

function naturales() {
    let salida = ""; 
    for (let i = 1; i <= 10; i++) {
        salida += i + " ";
    }
    console.log(salida);
}

naturales(); // Salida: 1 2 3 4 5 6 7 8 9 10 	

Supongamos que tenemos un arreglo con nombre y deseamos agregar numeración delante de ellos e imprimirlos en pantalla.

let nombres = ["Dana", "Dina", "Dona"];

function enumerar(lista){
    let aux = 0;
    for (const val of lista) {
        console.log(`${++aux}.- ${val}`);
    }
}
enumerar(nombres);
/* Salida
1.- Dana
2.- Dina
3.- Dona
*/

Observación: el uso de las comillas invertidas y ${...} sirven para la interpolación en template literals, puedes ver más información haciendo clic aquí

Supongamos que tenemos un objeto y deseamos mostrar todos sus elementos

let perro = {nombre: "Argos", raza: "pastor alemán"};

function elementos(objeto){
    for (const item in objeto) {
        console.log(item + " = " + objeto[item]);
    }
}

elementos(perro);

/*Salida:
nombre = Argos
raza = pastor alemán
*/

---

Estructura WHILE y DO WHILE

Se emplea cuando el número de repeticiones no es conocido, pues depende de una condición. El punto a analizar es si se debe o no ejecutar la iteración por lo menos una vez.

while ( condición ) {
   //Sentencias que se van a repetir mientras condición sea verdadera
}

do {
   //Sentencias que se van a repetir mientras condición sea verdadera
}while ( condición );