Sentencias de Iteración en JavaScript (for)

Author
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]}`)
}

Acerca de Darío Rivera

Author

Ingeniero de desarrollo en PlacetoPay , Medellín. Darío ha trabajado por más de 6 años en lenguajes de programación web especialmente en PHP. Creador del microframework DronePHP basado en Zend y Laravel.

Sólo aquellos que han alcanzado el éxito saben que siempre estuvo a un paso del momento en que pensaron renunciar.