W tym samouczku pokażemy, jak używać metod indexOf () i lastIndexOf () w tablicy JavaScript, aby znaleźć pozycję elementu w tablicy.

Angielska wersja: https://www.javascripttutorial.net/javascript-array-indexof/

Wprowadzenie do metody indexOf () tablicy Array

Aby znaleźć pozycję elementu w tablicy, użyj metody indexOf(). Ta metoda zwraca indeks pierwszego wystąpienia, elementu, który chcesz znaleźć lub -1jeśli element nie zostanie znaleziony.

Poniżej przedstawiono składnię metody indexOf():

Jak pokazano powyżej, metoda indexOf()przyjmuje dwa nazwane argumenty:

1. Argumentem searchElementjest element, który chcesz znaleźć w tablicy.
2. O fromIndexjest indeksem tablicy, w której funkcja rozpoczyna wyszukiwanie (punkt początkowy).

Jeśli argument jest ujemny, metoda indexOf()zwróci sumę wartości długości tablicy array.lengthi wartości ujemnej fromIndex, co oznacza, że ​​odejmowanie zostanie wykonane w następujący sposób array.lengt -fromIndex.

Jeśli pominiesz argument, fromIndexmetoda indexOf()rozpocznie wyszukiwanie od początku tablicy.

Zwróć uwagę, że metoda indexOf()wykorzystuje algorytm ścisłego porównywania równości, który jest podobny do operatora potrójnej równości ===podczas porównywania go searchElementz elementami w macierzy.

Przykład metody indexOf () tablicy Array

Załóżmy, że masz tablicę punktacji o nazwie scroresskładającą się z sześciu liczb w następujący sposób:

Poniższy przykład używa metody indexOf()do wyszukiwania elementów w tablicy scores:

Poniższy przykład używa fromIndex()z wartościami ujemnymi:

Zakładając, że masz następującą tablicę obiektów, każdy obiekt ma dwie właściwości: nameiage

Poniższa instrukcja zwraca, -1nawet jeśli pierwszy element tablicy guestsi searchElementma te same wartości we właściwościach namei age. Dzieje się tak, ponieważ są to dwa różne obiekty.

Czasami chcesz znaleźć indeksy wszystkich wystąpień elementu w tablicy. find()Poniższa funkcja używa do tego metody indexOf().

W przykładzie użyto find()powyższej funkcji, aby zwrócić tablicę pozycji liczby 10 tablicy scores.

lastIndexOf () z Array

Typ Array ma inną metodę o nazwie, lastIndexOf()która zapewnia podobną funkcjonalność do indexOf().

Następnie sprawdź składnię metody lastIndexOf():

Metoda lastIndexOf()zwraca indeks ostatniego wystąpienia searchElementw tablicy. Zwraca, -1jeśli nie można znaleźć elementu.

W przeciwieństwie do metody indexOf()metoda lastIndexOf()wyszukuje element wstecz, zaczynając od fromIndex.

Poniższe instrukcje zwracają ostatnie 10 i 20 indeksów w tablicy scores.

Ponieważ w tablicy nie ma liczby 50, scoresnastępująca instrukcja zwraca -1:

W tym samouczku nauczyłeś się, jak używać tablicy indexOf()i metod lastIndexOf()JavaScript do znajdowania elementu w tablicy.

Zobacz indeks wszystkich samouczków JavaScript

Samouczki JavaScript