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:

• Ejecuta múltiples modelos de IA generativa en GPU utilizando puntos de enlace multi-modelo de Amazon SageMaker con TorchServe y ahorra hasta un 75% en costos de inferencia
• Ajuste fino de Llama 2 para generación de texto en Amazon SageMaker JumpStart
• Crea una aplicación empresarial segura con Generative AI y RAG utilizando Amazon SageMaker JumpStart

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!