Få det aktuelle array-indeks i JavaScript's forEach()

Introduktion

En Array i JavaScript er et standardiseret, indbygget objekt, der bruges til at gemme flere objekter under samme navn. Enkelt sagt kan du se på Array objekt som en matrix på et hvilket som helst andet programmeringssprog. Det er i bund og grund en klasse der indkapsler et array (en ordnet liste over værdier) og alle nødvendige metoder du skal muligvis udføre array-operationer.

Det faktum, at hvert array er ordnet betyder, at hvert elements placering er af stor betydning. Faktisk kan du ikke engang udtrække værdien af ​​et element, hvis du ikke kender dets plads i det originale array.

Under iteration kan indekset for det aktuelle element være relevant for dig. Dette er meget ligetil at opnå ved at bruge index parameter for forEach() metode.

forEach() Grundlæggende om metode

forEach() er en metode til Array klasse. Du kan bruge den til at sløjfe gennem et array og udføre en bestemt operation på hvert af dets elementer - dog map() er mere almindeligt brugt til dette formål. Du kan tilpasse de udførte handlinger ved hjælp af et tilbagekald funktion - en funktion, der sendes som en parameter for forEach() metode. En tilbagekaldsfunktion er en simpel funktion, der definerer den operation, der skal udføres på et enkelt element, og forEach() metoden sikrer, at den udføres på hvert element i et array.

forEach() metoden har en ret ligetil syntaks:

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

Som vi har nævnt før, er forEach() metode accepterer en callback funktion, der kører på hver post i arrayet. Denne callback funktion tager tre argumenter ind, hvoraf vi kun er bekymrede for to - currentElement som er en påkrævet parameter, og dens index som er positionen for currentElement i arrayet.

Sådan får du indekset for det aktuelle element ved hjælp af forEach() Metode

Antag, at vi har en række elever og gerne vil have adgang til indekset for hvert element, mens vi behandler dem. Vi vil gøre brug af index argument, og print det blot ud:

const students = ["Mark", "Jane", "John", "Sarah"];

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

Output:

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

Konklusion

I denne korte artikel har vi forklaret, hvordan du bruger index parameter for at få det aktuelle matrixindeks af elementer i en Array ved hjælp af forEach() metode.

Bemærk: Hvis du har brug for at grave dybere ned i forEach() metode i JavaScript, læs vores guide til JavaScripts forEach() .