Metody akcesoriów tablicy w JavaScript wyjaśnione przykładami

W JavaScript dostępnych jest kilka wbudowanych metod, które są bardzo korzystne w perspektywie pracy z tablicami, takimi jak metoda modyfikowana faktyczna tablica jest określana jako metoda mutatora. Podczas gdy metoda, która nie modyfikuje tablicy pierwotnej/oryginalnej zamiast tego zwraca nową reprezentację tablicy na podstawie oryginalnej tablicy, jest określana jako metoda akcesoriów. W tym poście omówimy różne metody akcesorora tablicy, takie jak concat (), slice (), indexof (), filtr () i metoda lastIndexof ().

Metoda conat () w JavaScript

W JavaScript metoda Conat jest używana do dołączenia do wielu tablic, w wyniku czego zwraca nową tablicę. Zastanówmy się nad przykładem, w którym utworzyliśmy dwie tablice i połączyliśmy je w trzeciej tablicy, spójrz na kod poniżej podania, aby zrozumieć, jak zrozumieć, jak „Conat ()” Metoda działa w JavaScript:

const array1 = [5,10,15,20,25];
const array2 = [30,35,40,45,50];
const resultant_array = array1.conat (array2);
konsola.log („wynikowa tablica to:”, wynik_array);

W powyższym kodzie wynikowy tablica łączy pierwsze dwie tablice:

Konsola.Funkcja dziennika jest wykorzystywana do wytworzenia wyjściowej pomnika w konsoli przeglądarki:

Wyjście weryfikuje, że wynikowa tablica łączy elementy zarówno „Array1”, jak i „Array2”.

Metoda łączenia () w JavaScript

W JavaScript, "dołączyć()" Metoda zwraca nowy ciąg, łącząc wszystkie elementy tablicy w jednym ciągu oddzielonym przecinkiem „”.

const array1 = [„5”, „10”, „15”, „20”, „25”];
const resultant_array = array1.dołączyć();
konsola.log („wynikowa tablica za pomocą metody łączenia to:”, wynikowy_array);

Tutaj wzięliśmy wartości Array1 jako wartości ciągów, a implementacja JavaScript wyżej podana będzie:

W wyjściu zauważysz, że "dołączyć()" Funkcja zwraca ciąg, który jest oddzielony przecinkiem.

W JavaScript każdy może oddzielić elementy łańcuchowe dowolnym innym symbolem ich wyboru; Załóżmy, że chcemy użyć „|” Jako oddzielony zamiast przecinka, użyjemy go jako:

const array1 = [„5”, „10”, „15”, „20”, „25”];
const resultant_array = array1.dołącz ('|');
konsola.log („wynikowa tablica za pomocą metody łączenia to:”, wynikowy_array);

Wdrożymy powyższy kod w JavaScript jako:

Wynikowy wynik będzie:

Filter () Metoda w JavaScript

W JavaScript metoda „Filter ()” jest wykorzystywana do filtrowania tablicy na podstawie pewnych warunków. Na przykład chcemy filtrować liczby dodatnie z tablicy, kod w JavaScript byłby:

const all_numbers = [5, -10,15, -20, -25,30];
const dodatnie_only = all_numbers.filtr (funkcja (numer)
Numer zwroty> = 0;
);
konsola.log (dodatnia_only);

Tak więc w przykładzie mamy tablicę, która składa się zarówno z liczb dodatnich, jak i ujemnych, i chcemy filtrować tablicę i wyświetlić tylko liczby dodatnie. Ustawiamy więc warunek, który sprawdzi, czy „liczba jest większa lub równa 0”, czy nie, w rezultacie:

Nasze wyjście pokazuje, że metoda „Filter ()” drukuje tylko liczby dodatnie:

metoda slice () w JavaScript

JavaScript wykorzystuje metodę „slice ()” do skopiowania części tablicy do nowej tablicy i akceptuje dwa opcjonalne parametry początkowe i ostatni indeks. Rozważmy scenariusz, w którym chcemy tylko trzy pierwsze elementy tablicy, zrobimy to za pomocą metody Plice. Ostatnim indeksem musi być indeks „N+1”, oznacza to, że jeśli chcesz wartości między indeksem 0 do indeksu 2, musisz napisać ostatni indeks jako „3”:

const array1 = [5,10,15,20,25];
const resultant_array = array1.pokrój (0,3);
konsola.log („wynikowa tablica to:”, wynik_array);

Tutaj bierzemy pierwszy indeks jako 0 i piszemy ostatni indeks jako 3, metoda wycinka wyklucza ostatni indeks „3” i rozważy elementy tablicy tylko dla indeksu 0, indeksu 1 i indeksu 2.

Wyjście powyższego programu będzie:

Metoda indexof () w JavaScript

JavaScript wykorzystuje metodę indexof do znalezienia występowania elementu w tablicy i zwróci -1, jeśli element nie zostanie znaleziony w tablicy. Ponadto, jeśli tablica ma ten sam element dwa razy, niż "indeks" Metoda zwróci pozycję pierwszego wystąpienia. Rozważ kod poniżej podanego poniżej, aby zrozumieć, jak "indeks" Metoda działa:

const array1 = [5,10,15,15,20,25];
const resultant_array = array1.indeks (15);
konsola.log („wynikowa tablica to:”, wynik_array);

Implementacja JavaScript metody indexof będzie:

Dane wyjściowe powyższego kodu zweryfikuje, że metoda „indeksu” zwraca pierwszą instancję wyszukiwanego elementu:

Metoda lastIndexof () w JavaScript

JavaScript wykorzystuje „LastIndexof” Metoda znalezienia ostatniego wyglądu elementu w tablicy, a ta metoda powróci -1, gdy nie znajdzie elementu w tablicy:

const array1 = [5,10,15,15,20,25];
const resultant_array = array1.LastIndexof (15);
konsola.log („Szukałeś indeksu tablicy:”, wynikowy_array);

Wdrożenie powyższego kodu będzie:

W tablicy1 „15” powtarza się dwukrotnie, więc „LastIndexof” Metoda zwróci wskaźnik ostatniego wystąpienia „15”:

Obejmuje metodę () w JavaScript

Użycie JavaScript „Obejmuje ()” W rezultacie metoda wyszukiwania dowolnego elementu w tablicy zwróci wartość logiczną:

const array1 = [5,10,15,15,20,25];
const resultant_array = array1.Obejmuje (15);
konsola.log („Znaleziono wartość wyszukiwaną:”, wynikowy_array);

Tutaj szukaliśmy „15” przy użyciu metody „() ()”:

Metoda „obejmuje ()” zwróci dane wyjściowe jako „15” jest w tablicy:

Wniosek:

Metody akcesoriów tablicy wykonują niektóre działania na tablicach, w wyniku czego zwracają nową ulepszoną reprezentację w JavaScript. W tym poście szczegółowo dowiedzieliśmy się o takich metodach, rozważając niektóre przykłady. Ponadto zaimplementowaliśmy każdą metodę w JavaScript i zauważyliśmy pożądane dane wyjściowe w stosunku do każdej metody. Ten artykuł pomoże czytelnikom wdrożyć wbudowane metody akcesoriów w JavaScript.