Získejte aktuální index pole v JavaScriptu forEach()

Úvod

Array v JavaScriptu je standardizovaný, vestavěný objekt používaný k ukládání více objektů pod stejným názvem. Jednoduše řečeno, můžete se podívat na Array objekt jako pole v jakémkoli jiném programovacím jazyce. Je to v podstatě třída která zapouzdřuje pole (uspořádaný seznam hodnot) a všechny potřebné metody možná budete muset provést operace pole.

Skutečnost, že každé pole je uspořádáno znamená, že místo každého prvku je velmi důležité. Ve skutečnosti nemůžete ani extrahovat hodnotu prvku, pokud neznáte jeho místo v původním poli.

Během iterace pro vás může být relevantní index aktuálního prvku. Toho lze velmi snadno dosáhnout pomocí index parametru forEach() metoda.

forEach() Základy metod

forEach() je metoda Array třída. Můžete jej použít k procházení pole a provedení určité operace na každém z jeho prvků – ačkoli, map() se pro tento účel používá častěji. Prováděné operace můžete přizpůsobit pomocí zpětného volání function - funkce předaná jako parametr forEach() metoda. Funkce zpětného volání je jednoduchá funkce, která definuje operaci, která má být provedena s jedním prvkem a forEach() metoda zajišťuje, že bude provedena na každém prvku pole.

forEach() metoda má docela přímou syntaxi:

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

Jak jsme již uvedli, forEach() metoda přijímá callback funkce, která běží na každém záznamu v poli. Toto callback funkce přijímá tři argumenty, z nichž nás zajímají pouze dva - currentElement což je povinný parametr a jeho index což je pozice currentElement v poli.

Jak získat index aktuálního prvku pomocí forEach() Metoda

Předpokládejme, že máme řadu studentů a chtěli bychom přistupovat k indexu každého prvku, když je zpracováváme. Použijeme index argument a jednoduše jej vytiskněte:

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

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

Výstup:

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

Závěr

V tomto krátkém článku jsme vysvětlili, jak používat index parametr k získání aktuálního indexu pole prvků v Array pomocí forEach() metoda.

Poznámka: Pokud potřebujete proniknout hlouběji do forEach() metodu v JavaScriptu, přečtěte si naši příručku forEach() v JavaScriptu .