Destrukturowanie tablicy w JavaScript | Wyjaśnione

Tablice zawierają liczne wartości tego samego typu danych, a elementy tablic są dostępne/pobierane za pomocą zjawiska indeksowania. Jednak w przypadku złożonych tablic może nie być owocne i chcesz odzyskać z tego elementy tablicy.

Zjawisko zniszczenia tablicy odbywa się w celu z łatwością odzyskiwania elementów tablicy. W destrukcji tablicy każdy element jest określany jako zmienna, a następnie wywołując tę ​​zmienną, byłbyś w stanie odzyskać element powiązany z tą zmienną. W celu uzyskania elementów, ten artykuł zawiera szczegółowy przewodnik na temat destrukcji tablicy w JavaScript.

Jak działa destrukturowanie tablicy w JavaScript

Jak omówiono, wcześniejsze destrukturowanie odnosi się do elementów tablicy za pomocą różnych zmiennych. Zatem do niszczenia potrzebujesz zestawu zmiennych, które można użyć do uzyskania określonego elementu tablicy. Linie kodu napisane poniżej lepiej pokazują, jak działa destrukturowanie w JavaScript.

var arr = [1, 2, 3, 4];
var [w, x, y, z,] = arr;

Po wywołaniu zmiennej „w„Dostaniesz„1”W wyjściu, podobnie wartość„2”Byłby przechowywany w„X„Zmienna i tak dalej.

Jak zniszczyć tablicę w JavaScript

Ta sekcja zawiera zestaw przykładów, które ilustrują, w jaki sposób można manipulować tablicami za pomocą zjawiska destrukcyjnego.

Przykład 1

Poniższy kod tworzy wyraźne zmienne dla każdego elementu tablicy.

var arr = [10, 11, 12]
var [x, y, z] = arr;
konsola.log (x);
konsola.ociężały);
konsola.log (z);

Powyższy kod jest opisany jako,

• tablica arr utworzony jest, który zawiera trzy wartości liczbowe
• Tworzy się inny zestaw zmiennych, który odnosi się do arr zmienne, a zatem będą powiązane z każdym elementem tablicy arr.
• zmienne X, y, I z są drukowane

Wyjście

Wyjście pokazuje, że wartości 10, 11, I 12 są teraz ograniczone przez X, y, I z odpowiednio.

Przykład 2

Przyjrzyjmy się, jak działa destrukturowanie, jeśli liczba elementów nie jest równa liczbie zmiennych.

var arr = [4, 7]
var [x, y, z] = arr;
konsola.log (x);
konsola.ociężały);
konsola.log (z);

Powyższy kod zawiera tablicę zawierającą dwie wartości liczbowe. Ta tablica jest powiązana z trzema zmiennymi, a następnie te zmienne są drukowane za pomocą „konsola.dziennik" oświadczenie.

Wyjście

Powyższe dane wyjściowe pokazuje, że wartość z wyniki niezdefiniowane, ponieważ są tylko dwie liczby arr Zatem tylko dwie zmienne można zmapować na te zmienne.

Przykład 3

Ten przykład wykorzystuje operatora odpoczynku do zniszczenia tablicy.

var arr = [„Linuxhint”, „Welcome”, „Linux, Windows”, „JavaScript/JQuery”, „Pouczające samouczki”]
var [x, y,… inne] = arr;
konsola.log (x);
konsola.ociężały);
konsola.log (inne);

Powyższy kod tworzy szereg strun i X, y, I inni patrz elementy tablicy. X I y odnoszą się odpowiednio do pierwszego i drugiego elementów, podczas gdy Inny Zmienna jest używana z operatorem odpoczynku, a zatem drugi zawiera wszystkie elementy występujące po drugim elemencie.

Wyjście

Wyjście to pokazuje X I y zawierają pierwsze dwa elementy tylko podczas gdy reszta elementów tablicy są zawarte w Inny zmienny.

Notatka: Ponieważ zmiennych nie można tworzyć za pomocą liczby, dlatego wartości liczbowe nie można użyć do zniszczenia tablicy.

Wniosek

Zniszczanie tablicy odbywa się poprzez powiązanie zmiennych z elementami tablicy. Te wyraźne zmienne można użyć do uzyskania tylko określonych elementów tablicy. W tym artykule zawiera szczegółowy przewodnik na temat destruktururowania tablicy w JavaScript. Tutaj poznasz i wykonasz zniszczenie tablic w JavaScript. Aby lepiej zrozumieć, przedstawiliśmy zestaw przykładów, które odnoszą się do destrukcji elementów tablicy w JavaScript.