Metody MUTOR MUTATOR w JavaScript wyjaśniono przykładami

Metody MUTOR MUTATOR w JavaScript wyjaśniono przykładami
W JavaScript metody modyfikujące lub zastępujące oryginalne elementy tablicy są nazywane metodami Mutator Array i istnieje wiele wbudowanych metod dostępnych w JavaScript, które można wykorzystać do modyfikacji elementów oryginalnej tablicy. Na przykład foreach (), rewers. Ten artykuł zawiera dokładny przegląd tych metod z kilkoma przykładami.

sort () metoda w JavaScript

Sortowanie elementów tablicy jest bardzo ważne, w JavaScript metodę gromadzenia 'sortować()' jest używany do sortowania niepohamowanych elementów tablicy, domyślnie sortuje elementy tablicy w kolejności rosnącej:

const input_array = [15, 13, 0, 12, -10, 6];
Input_Array.sortować();
konsola.log („Porodowa tablica:”, Input_Array);

Używamy funkcji sort () w tym programie, w wyniku czego zwróci ona posortowaną tablicę:

Możemy również przekazać parametr porównawczy. Na przykład rozważ poniższy kod, aby wydrukować tablicę w kolejności malejącej:

const input_array = [15, 13, 0, 12, -10, 6];
Input_Array.sort (funkcja (niższa, wyższa)
zwrócić wyższy;
);
konsola.log („Porodowa tablica:”, Input_Array);

Przekazaliśmy dwa parametry do funkcji „niższe” i „wyższe”, a „wyższa lider” zwróci wyjście w kolejności malejącej, podczas gdy „niższy poziom” zwróci dane wyjściowe w kolejności rosnącej:

Metoda odwrotna () w JavaScript

W JavaScript metoda „odwrotna ()” służy do odwrócenia kolejności elementów tablicy, rozważ poniższy kod, aby zrozumieć działanie funkcji odwrotnej:

const input_array = [15, 13, 0, 12, -10, 6];
Input_Array.odwracać();
konsola.log („The Reverse Array:”, Input_Array);

Wyjście dla funkcji odwrotnej będzie:

Metoda push () w JavaScript

Aby dodać nowe elementy do tablicy JavaScript, używa metody „push ()”, dołącza nowy element na ostatnim indeksie tablicy:

const input_array = [15, 13, 0, 12, -10, 6];
Input_Array.push (100);
konsola.log („Zaktualizowana tablica:”, input_array);

Dołączyliśmy „100” w tablicy za pomocą metody push, wyjście będzie:

Metoda pop () w JavaScript

W JavaScript metoda „pop ()” usuwa ostatni element tablicy:

const input_array = [15, 13, 0, 12, -10, 6];
Input_Array.Muzyka pop();
konsola.log („Zaktualizowana tablica:”, input_array);

Powyższy kod wyciągnie „6” z tablicy, a wynikowe wyjście będzie:

Metoda shift () w JavaScript

Metoda „Shift ()” służy do usunięcia pierwszego elementu tablicy:

const input_array = [15, 13, 0, 12, -10, 6];
Input_Array.zmiana();
konsola.log („Zaktualizowana tablica:”, input_array);

Powyższy kod wyciągnie „15” z tablicy, a wyjście tego programu będzie:

Metoda UnShift () w JavaScript

W funkcjach JavaScript „UnShift ()” przyjmuje element jako parametr i umieszczają go na początku tablicy:

const input_array = [15, 13, 0, 12, -10, 6];
Input_Array.UNICTHIFT (50);
konsola.log („Zaktualizowana tablica:”, input_array);

Dane wyjściowe powyższego kodu będzie:

Fill () Metoda w JavaScript

W JavaScript metoda „Fill ()” replikuje wszystkie wpisy tablicy o określonej wartości:

const input_array = [15, 13, 0, 12, -10, 6];
Input_Array.wypełnij (50);
konsola.log („Zaktualizowana tablica:”, input_array);

Teraz zaimplementujemy metodę „wypełnij” w „Input_Array”:

W wyjściu wszystkie elementy tablicy zostaną powtórzone za pomocą „50”:

Metoda wypełnienia dotyczy również opcjonalnych parametrów. Wymaga trzech parametrów, najpierw dla określonej wartości, drugi dla indeksu początkowego i trzeci parametr dla ostatniego indeksu. W rezultacie powtórzy wszystkie elementy tablicy z określonego indeksu początkowego do określonego ostatniego indeksu.

const input_array = [15, 13, 0, 12, -10, 6];
Input_Array.Wypełnij (50, 1, 4);
konsola.log („Zaktualizowana tablica:”, input_array);

Jako przykład przeszliśmy 50, 1 i 3 w metodzie wypełnienia, teraz metoda wypełnienia zastąpi elementy tablicy od indeksu 1 na indeks 3 50. Podczas gdy pozostałe wartości indeksów pozostaną niezmienione. Teraz obserwuj wyjście sparametryzowanej metody wypełnienia:

Metoda spllice () w JavaScript

W JavaScript metoda „splice ()” jest stosowana bardzo często ze względu na jej unikalne i specyficzne właściwości. Może dołączyć lub usunąć elementy tablicy i może wykonywać oba działania jednocześnie.

Metoda „splice ()” zawiera trzy parametry:

  • Pierwszy parametr wymaga indeksu początkowego
  • Drugi parametr określa całkowitą liczbę elementów do usunięcia
  • Trzeci parametr jest opcjonalny i potrzeba elementu do wstawienia do tablicy

Teraz rozważ przykład, w którym chcemy dodać element w tablicy bez usuwania istniejącego elementu:

const input_array = [15, 13, 0, 12, -10, 6];
Input_Array.splice (2, 0, 5);
konsola.log („Zaktualizowana tablica:”, input_array);

W tym przykładzie ustawiamy wartość drugiego parametru jako 0. W wyjściu zaobserwowaliśmy, że „5” jest dodawany przy drugim indeksie i nie usunął żadnej istniejącej wartości:

Teraz rozważymy przykład, w którym chcemy usunąć element z tablicy:

const input_array = [15, 13, 0, 12, -10, 6];
Input_Array.splice (1,2);
konsola.log („Zaktualizowana tablica:”, input_array);

Tutaj w pierwszym parametrze określamy indeks początkowy „1”, aw drugim parametrze piszem „2”, który określa, że ​​usuwa dwa elementy tablicy. Nie napisaliśmy trzeciego parametru, ponieważ nie chcemy dodawać nowego elementu w tablicy:

W wyjściu zauważyliśmy, że wartości indeksu 1 i 2 są usuwane z tablicy:

Teraz rozważymy przykład, aby dodać i usunąć niektóre wpisy tablicy jednocześnie:

const input_array = [15, 13, 0, 12, -10, 6];
Input_Array.splice (1,2,50);
konsola.log („Zaktualizowana tablica:”, input_array);

Tak więc, w tym przykładzie metoda „splice ()” określa, że ​​od indeksu 1 usuwa dwa elementy i wstaw jeden nowy element przy indeksie 1:

Wniosek

W JavaScript metody mutatora nie tworzą nowych tablic, zamiast tego modyfikują bieżące tablice. W tym artykule omówiliśmy różne funkcje mutatora tablicy. Dowiadujemy się, jak działają metody mutatora w JavaScript, i analizujemy, że spośród wszystkich tych metod, metoda POP i metoda PUSH modyfikują końcowe indeksy tablicy, podczas gdy metoda przesunięcia i metoda niezmienna modyfikują początkowe indeksy tablicy. Ponadto zastanawiamy się, jak sortować tablicę w kolejności rosnącej lub malejącej oraz jak odwrócić lub odtworzyć elementy tablicy za pomocą różnych metod mutatora.