DEV Community

Cover image for 6 maneras de iterar un array en JavaScript
Cristian Fernando
Cristian Fernando

Posted on

6 maneras de iterar un array en JavaScript

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
  }
];
Enter fullscreen mode Exit fullscreen mode

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);

Enter fullscreen mode Exit fullscreen mode

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);
Enter fullscreen mode Exit fullscreen mode

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);
Enter fullscreen mode Exit fullscreen mode

4. Usando la función map()

const recorreArray = (arr) => arr.map(item => item);

console.log(recorreArray(arrayPaises));
console.log(recorreArray(arrayPrimos));
console.log(recorreArray(arrayPersona));

Enter fullscreen mode Exit fullscreen mode

5. Usando la función forEach()

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

recorreArray(arrayPaises);
recorreArray(arrayPrimos);
recorreArray(arrayPersona);
Enter fullscreen mode Exit fullscreen mode

6. Usando for ... of

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

recorreArray(arrayPaises);
recorreArray(arrayPrimos);
recorreArray(arrayPersona);
Enter fullscreen mode Exit fullscreen mode

La salida de todos los scripts es la siguiente:

// la salidas en todos los casos son las siguientes:
"Bolivia"
"Ecuador"
"Francia"
"Brasil"
"Holanda"
2
3
5
7
11
13
[object Object] {
  edad: 23,
  nombre: "Carlos"
}
[object Object] {
  edad: 33,
  nombre: "Susana"
}
[object Object] {
  edad: 28,
  nombre: "Pedro"
}
Enter fullscreen mode Exit fullscreen mode

Conclusiones

  • Recorrer un array es algo sumamente básico y ampliamente usado en desarrollo web.
  • Estos métodos de iteración son solo algunos, pueden existir más.

Top comments (0)