Cristian Fernando 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 la función map()
const recorreArray = (arr) => arr.map(item => item);
console.log(recorreArray(arrayPaises));
console.log(recorreArray(arrayPrimos));
console.log(recorreArray(arrayPersona));
5. Usando la función forEach()
const recorreArray = arr => arr.forEach(item => {
console.log(item);
});
recorreArray(arrayPaises);
recorreArray(arrayPrimos);
recorreArray(arrayPersona);
6. Usando for ... of
const recorreArray = arr => {
for (item of arr){
console.log(item);
}
}
recorreArray(arrayPaises);
recorreArray(arrayPrimos);
recorreArray(arrayPersona);
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"
}
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.
