Formas de iterar arreglos en JavaScript

Iterating arrays in JavaScript

El objetivo de este artículo es entender diferentes formas posibles de iterar a través de Arrays de JavaScript.

Declarar array

const arr=[‘kiwi’,’dragon’,’orange’,’apple’,’pomegranate’];const sal=[2200,5000,2100,1500,3700,4300];let sal_incr=[]

Bucle for

El bucle for es una declaración iterativa, verifica algunas condiciones y luego ejecuta un bloque de código repetidamente mientras se cumplan esas condiciones.

console.log(“Bucle for de Arrays”)for (let i=0;i<arr.length;i++){    console.log(arr[i])}

Resultado:

Bucle for…in

El bucle for…in es una forma más fácil de iterar a través de arrays ya que nos proporciona la clave que ahora podemos usar para obtener los valores de nuestro array.

console.log(“Bucle for...in de Arrays”)for (let i in arr){    console.log(arr[i])}

Resultado:

Bucle for…of

El bucle for…of itera sobre elementos iterables, pero a diferencia del bucle for…in que obtiene claves, for…of obtiene el elemento en sí.

console.log(“Bucle for...of de Arrays”)for (let item of arr){    console.log(item)}

Resultado:

Bucle forEach()

El método forEach() llama a una función (una función de devolución de llamada) una vez por cada elemento del array.

console.log(“Bucle forEach() de Arrays”)arr.forEach((i)=>{    console.log(i)})

Resultado:

Otro ejemplo.

const sal=[2200,5000,2100,1500,3700,4300];let sal_incr=[]//escribir una función para implementar incremento salarialsal.forEach(function(sal){    sal_incr.push(sal+sal*.05)})//imprimir el salario incrementadosal_incr.forEach((inc)=>{    console.log(`salario incrementado ${inc}`)})

Resultado:

Bucle while()

El bucle while se utiliza para evaluar una condición que está encerrada entre paréntesis (). Si la condición es verdadera, se ejecuta el código dentro del bucle while. Si es falsa, se termina el bucle.

console.log(“Bucle while de Arrays”)let i=0; //variable del buclewhile (i<arr.length){    console.log(arr[i])    i++;}

Resultado:

Bucle do…while()

El bucle do…while es casi idéntico al bucle while, excepto que ejecuta el cuerpo primero antes de evaluar la condición para ejecuciones posteriores. Esto significa que el cuerpo del bucle siempre se ejecuta al menos una vez.

console.log("Bucle do while de Arrays")let j=0;do {    console.log(arr[j]);    j++;}while (j<arr.length);

Salida:

map()

map() nos permite iterar sobre un array y modificar sus elementos. El método map() crea un nuevo array realizando una función en cada elemento del array.

console.log("map() de Arrays");arr.map((item) =>{    console.log(item)})

Salida:

Mismo ejemplo de incremento de salario usando map()

let incr= sal.map(function(sal) {    return sal+sal*.05;});//iterar sobre salarios incrementadosincr.forEach((incr) =>{    let msg=`salario incrementado ${incr}`    console.log(msg)});

Salida:

Resumen:

  • definir un array vacío y un array no vacío.
  • 7 formas de iterar sobre arrays.

We will continue to update Zepes; if you have any questions or suggestions, please contact us!

Share:

Was this article helpful?

93 out of 132 found this helpful

Discover more

Inteligencia Artificial

Calidad desigual de los parques expuesta a través de las redes sociales y el aprendizaje automático

El estudio utiliza las redes sociales y el aprendizaje automático para mostrar las injusticias ambientales en los par...

Inteligencia Artificial

Todo lo que necesitas saber sobre la serie de modelos de lenguaje (LLMs) Qwen Large

Los modelos de lenguaje grandes (LLMs) han remodelado significativamente el panorama de la Inteligencia Artificial (I...

Inteligencia Artificial

Optimizando los costos computacionales con AutoMix Un enfoque estratégico de IA para aprovechar modelos de lenguaje grandes desde la nube

AutoMix es un enfoque innovador que optimiza la asignación de consultas a modelos de lenguaje de mayor tamaño (LLM) e...

Inteligencia Artificial

Optical Vectors Beam Multi-Bits' 'Optical Vectors Beam Multi-Bits' (Rayos Ópticos Multibits)

La técnica funciona modulando el factor de calidad de vector, en lugar de la amplitud de un láser.

Inteligencia Artificial

Más allá de Photoshop Cómo Inst-Inpaint está revolucionando la eliminación de objetos con modelos de difusión

El inpainting de imágenes es un arte antiguo. Es el proceso de eliminar objetos no deseados y rellenar píxeles faltan...