Sentencias de Iteración en JavaScript (for)

By Darío Rivera

Posted on 2022-03-04 in Javascript

En un post anterior vimos la sentencia de decisión en javascript switch. El día de hoy comenzaremos a ver las sentencias de iteración y la primera que veremos será todo lo relacionado con la sentencia for. Las sentencias iterativas permiten ejecutar un bloque de código tantas veces como sea necesario. Veamos entonces cómo funcionan estas sentencias.

for

La forma tradicional de utilizar la sentencia for sobre un array es la siguiente:

const items = ['foo', 'bar', 'baz']

for (let i = 0; i < items.length; i++) {
    console.log(`Item: ${items[i]}`)
}

La salida de este script se encuentra a continuación:

Item: foo
Item: bar
Item: baz

for-of

Una forma más moderna de iterar un array es la siguiente:

const items = ['foo', 'bar', 'baz']

for (const item of items) {
    console.log(`Item: ${items[i]}`)
}

forEach

Esta forma es mucho más directa y es la forma preferida para iterar arrays en JavaScript.

const items = ['foo', 'bar', 'baz']

items.forEach(item => {
    console.log(`Item: ${item}`)
})


items.forEach((item, index) => {
    console.log(`Item ${index}: ${item}`)
})

for-in

Este loop permite iterar objetos en vez de arrays. La iteración se realizará sobre cada propiedad del objeto.

const items = {a: 'foo', b: 'bar', c: 'baz'}

for (item in items) {
    console.log(`Item: ${items[item]}`)
}

for

for-of

forEach

for-in

Categorías