Uzyskaj indeks obiektu wewnątrz tablicy, pasując do stanu

W niektórych sytuacjach programiści muszą uzyskać indeks obiektu wewnątrz tablicy, która pasuje do określonego warunku, takiego jak znalezienie i aktualizacja określonych danych w tablicy, usuwając element z tablicy na podstawie określonych kryteriów, pobierając informacje z tablicy opartej na tablicy w określonych warunkach i tak dalej.

Ten samouczek wyjaśni metody uzyskania indeksu obiektu w tablicy opartej na stanie.

Uzyskaj indeks obiektu wewnątrz tablicy, pasując do stanu

Aby uzyskać indeks obiektu w tablicy opartej na dopasowaniu określonego warunku, użyj podanych wbudowanych metod JavaScript:

• Metoda indexof ()
• metoda findIndex ()
• dla pętli

Metoda 1: Uzyskaj indeks obiektu wewnątrz tablicy, dopasowując warunek za pomocą metody „indexof ()”

Użyj "indeks()„Metoda z„mapa()„Metoda obiektu tablicy do uzyskania indeksu obiektu w tablicy. Metoda indexof () podaje wartość liczbową „indeks”Elementu, który przechodzi określony warunek. Podczas gdy metoda map () mapuje wartości tablicy.

Przykład

Najpierw utwórz szereg obiektów:

const arrayobj = [
id: „11”, nazwa: „John”,
id: „15”, nazwa: „Jordan”,
id: „23”, nazwa: „Joni”
];

Zadzwoń do "mapa()”Metoda mapowania nazw wszystkich obiektów w tablicy, a następnie wywoływanie„indeks()„Metoda, przekazując określoną nazwę, która zwróci indeks tej nazwy:

const getIndex = arrayobj.mapa (obiekt => obiekt.nazwa).indexof („Jordan”);

Na koniec wydrukuj zwrócony indeks na konsoli, która pasuje do podanej nazwy:

konsola.log (getIndex);

Wyjście wskazuje, że indeks obiektu zawierający nazwę „Jordania" Jest "1”:

Metoda 2: Uzyskaj indeks obiektu wewnątrz tablicy, dopasowując warunek za pomocą metody „findIndex ()”

Użyj "FindIndex ()”Metoda uzyskania indeksu obiektu w tablicy. Wyświetla indeks pierwszego elementu w tablicy, który spełnia/wypełnia określoną funkcję testowania.

Przykład

Wywołać metodę FindIndex (), aby znaleźć indeks obiektu, którego nazwa jest równoważna „Jan”:

const getIndex = arrayobj.findIndex (Object =>
Obiekt powrotu.Nazwa === „John”;
);

Wyjście

Metoda 3: Uzyskaj indeks obiektu wewnątrz tablicy, dopasowując warunek za pomocą pętli „for”

Zastosuj uniwersalne podejście zwane „Do”Pętla, aby uzyskać indeks obiektu w tablicy opartej na dopasowaniu określonego warunku.

Przykład

Za korzystanie z „Do„Technika pętli, najpierw utwórz zmienną„ getIndex ”, która przechowuje indeks obiektu, który spełnia warunek:

Niech GetIndex;

Iteruj tablicę obiektów za pomocą pętli „for” do jego długości i sprawdź indeks obiektu, którego „Nazwa == „Joni”". Po pobraniu określonego indeksu zatrzymaj pętlę:

dla (niech indeks = 0; indeks < arrayObj.length; index++)
if (arrayobj [indeks].name === 'joni')
getIndex = indeks;
przerwa;

Jak widać wyświetlacz wyjściowy „2”To wskazuje wskaźnik obiektu, którego wartość nazwy to„Joni”:

Chodzi o uzyskanie indeksu obiektu wewnątrz tablicy opartej na stanie w JavaScript.

Wniosek

Aby uzyskać indeks obiektu wewnątrz tablicy na podstawie dopasowania określonego warunku, użyj „indeks()" metoda, "FindIndex ()„Metoda lub„Do„Podejście pętli. Wszystkie te metody działają najlepiej, ale metoda „FindIndex ()” jest najczęściej stosowaną metodą do wykonania tego zadania. W tym samouczku wyjaśniliśmy metody uzyskania indeksu obiektu w tablicy opartej na stanie.