Bucles en Javascript

Hola a todos, hoy os voy a enseñar como podemos realizar bucles en Javascript.

Los bucles nos permite ejecutar un numero de veces determinado una serie de instrucciones. La mayor utilidad es evitar la repetición de lineas de código iguales.

Tenemos varias formas formas de hacer bucles en Javascript:

While

El clásico bucle, dentro del while se pone la condición que mientras se cumpla, continuará entrando en el bucle. Cuando no se cumpla la condición, saldrá del bucle.

let i = 0;
document.write("While<br/>");
while (i <= 10) {
    document.write(i + "<br/>");
    i++;
}

For

Es parecido al while, pero en este caso se puede inicializar un valor inicial y como se incrementa o decrementa.

document.write("For<br/>");
for (let i = 0; i <= 10; i++) {
    document.write(i + "<br/>");
}

Foreach (estándar)

Es un for pero de una forma más automática, se suele usar para arrays, cadenas u objetos.

document.write("Foreach (estandar)<br/>");
let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
for (const n of array) {
    document.write(n + "<br/>");
}

Foreach (lambda)

Igual que el anterior, pero usando un lambda que básicamente es como si para cada elemento llamara a una función, donde la variable es cada elemento.

let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
document.write("For each (lambda)<br/>");
array.forEach(n =>{
    document.write(n + "<br/>");
})

También, se puede añadir el indice donde se encuentra:

let array = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
document.write("For each (lambda)<br/>");
array.forEach((n, index) => {
    document.write(n + "(" + index + ")" + "<br/>");
})

Espero que os sea de ayuda. Si tenéis dudas preguntad. Estamos para ayudarte.