Obtenga el índice de matriz actual en forEach() de JavaScript

En este breve tutorial, aprenda cómo obtener el índice de un elemento dentro del método `forEach()` de la clase de matriz de JavaScript.

Introducción

Un Array en JavaScript es un objeto integrado estandarizado que se utiliza para almacenar varios objetos con el mismo nombre. En términos simples, puede ver el objeto Array como una matriz en cualquier otro lenguaje de programación. Es esencialmente una clase que encapsula una matriz (una lista ordenada de valores) y todos los métodos necesarios que pueda necesitar para realizar operaciones de matriz.

El hecho de que cada matriz esté ordenada significa que el lugar de cada elemento es de gran importancia. De hecho, ni siquiera puede extraer el valor de un elemento si no conoce su lugar en la matriz original.

Durante la iteración, el índice del elemento actual puede ser relevante para usted. Esto es muy sencillo de lograr usando el parámetro index del método forEach().

En este artículo, veremos cómo obtener el índice de matriz del elemento actual en JavaScript usando el método forEach().

forEach() Conceptos básicos del método

forEach() es un método de la clase Array. Puede usarlo para recorrer una matriz y realizar una determinada operación en cada uno de sus elementos, aunque map() se usa más comúnmente para este propósito. Puede personalizar las operaciones realizadas utilizando una función devolución de llamada, una función que se pasa como parámetro del método forEach(). Una función de devolución de llamada es una función simple que define la operación que se realizará en un solo elemento, y el método forEach() se asegura de que se realizará en cada elemento de una matriz.

El método forEach() tiene una sintaxis bastante sencilla:

1
forEach(callback(currentElement, index, arr), thisValue);

Como hemos dicho antes, el método forEach() acepta una función callback que se ejecuta en cada entrada de la matriz. Esta función callback toma tres argumentos, de los cuales solo nos preocupan dos: el currentElement, que es un parámetro obligatorio, y su index, que es la posición del currentElement en la matriz.

Cómo obtener el índice del elemento actual usando el método forEach()

Supongamos que tenemos una serie de estudiantes y nos gustaría acceder al índice de cada elemento a medida que los procesamos. Haremos uso del argumento index y simplemente lo imprimiremos:

1
2
3
4
5
const students = ["Mark", "Jane", "John", "Sarah"];

students.forEach((student, index) => {
    console.log(`The index for ${student} is ${index}`);
});

Producción:

1
2
3
4
"The index for Mark is 0"
"The index for Jane is 1"
"The index for John is 2"
"The index for Sarah is 3"

Conclusión

En este breve artículo, hemos explicado cómo usar el parámetro index para obtener el índice de matriz actual de elementos en una Array usando el método forEach().

{.icon aria-hidden=“true”}

Nota: Si necesitas profundizar en el método forEach() en JavaScript, lee nuestra Guía para forEach() de JavaScript.