UGCode
Tutorials

Como convertirse en un maestro iterrando Arrays

Ricardo Villamar
#astro#javascript#frontend

Los arrays son estrucuras de datos bastante usadas en js, recorrerlos o iterarlos es bastante sencillo, a continuacíon algunas maneras que puedes usar en tus proyectos.

Los arrays de ejemplo para todos los casos seran los siguientes:

const arrayPaises = ["Bolivia","Ecuador","Francia","Brasil","Holanda"];
const arrayPrimos = [2,3,5,7,11,13];
const arrayPersona = [
  {
    nombre: "Carlos",
    edad: 23
  },
  {
    nombre:"Susana",
    edad: 33
  },
  {
    nombre:"Pedro",
    edad:28
  }
];

1.Usando un ciclo for tradicional

const recorreArray = (arr) => {
  for(let i=0; i<=arr.length-1; i++){
  console.log(arr[i]);
  }
}

recorreArray(arrayPaises);
recorreArray(arrayPrimos);
recorreArray(arrayPersona);

2. Usando un while tradicional

const recorreArray = arr => {
  let i = 0;
  while(i<=arr.length-1){
    console.log(arr[i])
    i++;
  }

}

recorreArray(arrayPaises);
recorreArray(arrayPrimos);
recorreArray(arrayPersona);

3. Usando un do…while tradicional

const recorreArray = arr => {
  let i = 0;
  do{
    console.log(arr[i])
    i++;
  }while(i<=arr.length-1);

}

recorreArray(arrayPaises);
recorreArray(arrayPrimos);
recorreArray(arrayPersona);

4. Usando un for…of

const recorreArray = arr => {
  for(const item of arr){
    console.log(item);
  }
}

5. Usando la función forEach()

const recorreArray = arr => arr.forEach(item => {
  console.log(item);
});

recorreArray(arrayPaises);
recorreArray(arrayPrimos);
recorreArray(arrayPersona);
← Back to Blog