Formas de iterar sobre una array en JavaScript.

Las arrays en Javascripts son variables individuales que se utilizan para almacenar diferentes tipos de elementos.
Por ejemplo, los accesos a una array simple pueden ser algo como esto: 
 

javascript

<script>
array = [ 'geeks', '4', 'geeks' ];
 
// Accessing array elements one by one
console.log(array[0]);
console.log(array[1]);
console.log(array[2]);
</script>

Producción: 
 

geeks
4
geeks

Hay varias formas en que se puede iterar sobre una array en Javascript. Los más útiles se mencionan a continuación.
Uso de bucle for.  
Esto es similar a los bucles for en otros lenguajes como C/C++, Java, etc. 
 

javascript

<script>
array = [ 1, 2, 3, 4, 5, 6 ];
for (index = 0; index < array.length; index++) {
    console.log(array[index]);
}
</script>

Producción: 
 

1
2
3
4
5
6

Usando el ciclo while.  
Esto es nuevamente similar a otros idiomas. 
 

javascript

<script>
index = 0;
array = [ 1, 2, 3, 4, 5, 6 ];
 
while (index < array.length) {
    console.log(array[index]);
    index++;
}</script>

Producción: 
 

1
2
3
4
5
6

utilizando el método forEach.  
El método forEach llama a la función proporcionada una vez por cada elemento de la array en el pedido. 
 

javascript

<script>
index = 0;
array = [ 1, 2, 3, 4, 5, 6 ];
 
array.forEach(myFunction);
function myFunction(item, index)
{
    console.log(item);
}</script>

Producción: 
 

1
2
3
4
5
6

Usando todos los métodos.  
El método every() verifica si todos los elementos en una array pasan una prueba (proporcionada como una función). 
 

javascript

<script>
index = 0;
array = [ 1, 2, 3, 4, 5, 6 ];
 
const under_five = x => x < 5;
 
if (array.every(under_five)) {
    console.log('All are less than 5');
}
else {
    console.log('At least one element is not less than 5');
}
</script>

Producción: 
 

At least one element is not less than 5.

Usando mapa.  
Un mapa aplica una función sobre cada elemento y luego devuelve la nueva array. 
 

javascript

<script>
index = 0;
array = [ 1, 2, 3, 4, 5, 6 ];
 
square = x => Math.pow(x, 2);
squares = array.map(square);
console.log(array);
console.log(squares);</script>

Producción: 
 

1 2 3 4 5 6 
1 4 9 16 25 36

Usar filtro

Se utiliza para filtrar valores de una array y devolver la nueva array filtrada

Javascript

<script>
 
array = [ 1, 2, 3, 4, 5, 6 ];
 
even = x => x%2 === 0;
evens = array.filter(even);
console.log(array);
console.log(evens);
 
</script>

Producción:

[ 1, 2, 3, 4, 5, 6 ]
[ 2, 4, 6 ]

Usando Reducir

Se usa para reducir la array a un solo valor usando alguna lógica funcional

Javascript

<script>
 
array = [ 1, 2, 3, 4, 5, 6 ];
 
const helperSum = (acc,curr) => acc+curr
sum = array.reduce(helperSum, 0);
 
console.log(array)
console.log(sum);
 
</script>

Producción:

[ 1, 2, 3, 4, 5, 6 ]
21

usando algunos

Se utiliza para verificar si algunos valores de array pasan una prueba

Javascript

<script>
 
array = [ 1, 2, 3, 4, 5, 6 ];
 
const lessthanFourCheck = (element) => element < 4 ;
const lessthanFour = array.some(lessthanFourCheck)
 
 
console.log(array);
if(lessthanFour){
    console.log("At least one element is less than 4" )
}else{
    console.log("All elements are greater than 4 ")
}
 
 
</script>

Producción : 

[ 1, 2, 3, 4, 5, 6 ]
At least one element is less than 4

Publicación traducida automáticamente

Artículo escrito por Vineet Joshi y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *