Sentencias de Iteración en JavaScript (for)
Por
Darío Rivera
Publicado el
en
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: bazfor-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]}`)
}