Jak odwrócić tablicę w JavaScript

Odwrócenie tablicy jest bardzo popularnym problemem kodowania, który jest często zadawany jako pytanie rozmowy podczas ubiegania się o pozycję programisty JavaScript na poziomie podstawowym. Czasami zostaniesz poproszony o zmodyfikowanie oryginalnej tablicy, aby pierwszy element stał się ostatnim, a drugi element stał się drugim ostatnim elementem tablicy i tak dalej. Czasami możesz zostać poproszony o odwrócenie tablicy bez zmiany oryginalnej tablicy.

W tym poście przyjrzymy się różnym metodom, które służą do odwrócenia tablicy w JavaScript; Metody te obejmują metody, które odwracają oryginalną tablicę, a także metody, które można zastosować do stworzenia nowej odwróconej tablicy.

Jak używać metody JavaScript reverse ()

Metoda odwrotna w JavaScript jest używana do odwrócenia wskaźników zawartości tablicy, tak że ostatni element tablicy stał się pierwszym elementem tablicy i odwrotnie:

Składnia

szyk.odwracać()

Metoda odwrotna JavaScript nie przyjmuje żadnych parametrów i jest używana w połączeniu z nazwą tablicy. Spójrzmy na przykład metody odwrotnej:

Niech pracuje = [„John”, „Jack”, „Chris”, „Hank”];
konsola.log (nazwy pracują.odwracać());

Notatka: Ta metoda modyfikuje oryginalny ciąg.

Jak odwrócić elementy tablicy bez zmiany oryginalnej tablicy

Jak wspomniano powyżej, metoda odwrotna modyfikuje oryginalną tablicę. Więc jeśli chcesz odwrócić tablicę bez modyfikacji oryginalnej tablicy, będziesz musiał użyć innej metody. Niestety JavaScript nie ma ani jednej specyficznej metody dla tej funkcji, raczej musimy użyć kombinacji różnych metod do wykonania tej funkcji.

Pierwszą metodą, której się nauczymy, jest użycie operatora rozprzestrzeniania się wraz z metodą odwrotną. Najpierw skopiujesz tablicę za pomocą operatora rozprzestrzeniania się, a następnie wywołasz metodę odwrotną w nowo utworzonej tablicy:

Niech pracuje = [„John”, „Jack”, „Chris”, „Hank”];
niech odwróci się = [… auctioneenames].odwracać();
konsola.log (nazwy pracują);
konsola.log (reversearr);

Możemy również użyć metod push i niezmiennych w połączeniu z pętlą do odwrócenia tablicy bez modyfikowania oryginalnej tablicy:

Niech pracuje = [„John”, „Jack”, „Chris”, „Hank”];
niech reversearr = [];
dla (niech i = 0; i <= employeeNames.length - 1; i++)
odwrócenie.UNISHIFT (AuctioneNames [i]);

konsola.log (reversearr);

W powyższym przykładzie rozpoczęliśmy pętlę od i = 0, gdy indeksowanie tablicy zaczyna się od 0; Następnie ustawiamy warunek jako ja <= employeeNames.length - 1 as the highest index in an array will always be one number less than the total number of elements in the array.

Wewnątrz pętli dla For użyliśmy funkcji niezmiennej, aby dodać elementy tablicy pracującej do nowej tablicy odwracania. W pierwszej iteracji pętli I jest równe 0, więc Pracownicy [i] wybiera pierwszy element tablicy, a funkcja niezmienna stawia ją w pierwszym indeksie odwrotności. W drugiej iteracji I jest równe 1, więc Pracownicy [i] wybiera drugi element tablicy, a funkcja niezmienna stawia go w pierwszym indeksie. Element obecny wcześniej w pierwszym indeksie przenosi się teraz do drugiego indeksu. Proces ten będzie się powtarzać, dopóki nie osiągnie ostatniego elementu, a cała tablica zostanie odwrócona.

Możemy również użyć metody push do odwrócenia tablicy w ten sam sposób, ale w tym celu będziemy musieli użyć zmniejszenia wskaźnika pętli.

Niech pracuje = [„John”, „Jack”, „Chris”, „Hank”];
niech reversearr = [];
dla (niech i = pracuje nazwy.Długość - 1; i> = 0; I--)
odwrócenie.push (AuctioneNames [i]);

konsola.log (reversearr);

Wniosek

Odwrócenie elementów tablicy jest jednym z tych wyzwań kodujących, które każdy powinien próbować, gdy są nowi w nauce języków programowania/skrypcji; Często pyta się o kodowanie quizów i wywiadów.

W tym poście użyliśmy wbudowanej metody odwrotnej do odwrócenia tablicy JavaScript; Ta metoda modyfikuje oryginalną tablicę, więc nauczyliśmy się także innych metod, w których moglibyśmy odwrócić tablicę, zachowując oryginalną tablicę. W tym celu nauczyliśmy się używać operatora rozprzestrzeniania się i pchania, niezmiennych metod w połączeniu z pętlami.