¿Conoces el método array.entries en JavaScript? Los métodos en JavaScript son aquellas funciones que pertenecen a un objeto en específico y, por ende, nos permiten manipular sus propiedades. Dentro de esta categoría, existen métodos para manipular los elementos de un array.
En este post, te hablaremos sobre el método array.entries en JavaScript, el cual nos permite acceder y mostrar el índice de cada elemento junto a su valor.
¿Qué es array.entries en JavaScript?
La sentencia array.entries en JavaScript es un método que nos devuelve el objeto Array Iterator. Ten presente que este objeto también existe en otros lenguajes de programación, a veces bajo el nombre cursor. Este objeto contiene pares en términos de clave/valor para cada una de las posiciones del array. Es decir, existe un par dentro del objeto para cada índice. La pareja, por tanto, se escribe como [índice, elemento/valor].
Si no entiendes este concepto, te invitamos a leer nuestro post sobre cómo funciona el índice de un array en JavaScript.
¿Cómo funciona array.entries en JavaScript?
El método array.entries en JavaScript nos permite obtener el objeto Array Iterator que apunta a un lugar específico dentro del array y tiene a su vez una serie de funciones disponibles. Una de las funciones principales del iterador de arreglos es .next, con la que podemos acceder al siguiente valor dentro de un array. En este sentido, podemos utilizar la función next de este método para recorrer un array.
Ten en cuenta que, cuando hemos llegado al final de un array usando el método array.entries y utilizamos la función .next, obtendremos como valor null.
También podemos usar array.entries sin ninguna función para acceder al índice de los elementos:
const arrayPares = [2, 4, 6, 8, 10];
const iteratorArrayPares = arrayPares.entries ( )
Entonces, podemos utilizar el método array.entries junto a un bucle for para recorrer un array y pintar en pantalla tanto sus valores como su índice. A continuación, te mostramos cómo se escribiría esta acción:
for (const [index, value] of iteratorArrayPares) {
console.log (index, value)
}
El resultado de las líneas de código anteriores se pintaría en la terminal de nuestro software de programación y sería el siguiente:
0 2
1 4
2 6
3 8
4 10
Como puedes ver, el resultado nos pinta parejas que representan el índice y el valor de cada elemento del array que hemos pasado por nuestro método.
¿Qué sigue?
Ahora que sabes qué es y cómo funciona el método array.entries en JavaScript, lo que sigue en tu camino para dominar este lenguaje de programación es dedicarte a su aprendizaje por completo. Para ello, te recomendamos nuestro Desarrollo Web Full Stack Bootcamp, una formación intensiva con la que, además de JavaScript, aprenderás a dominar lenguajes como CSS y HTML. ¡Anímate a dar el paso e inscríbete!
