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