Jak niszczyć obiekty i tablice w JavaScript | Wyjaśniono przykładami

Wersja ES6 była wyposażona w falę nowych funkcji, jedną z tych funkcji była zdolność do niszczenia obiektów i tablic. Niszczenie tablic lub obiektów to proces przyjmowania wartości z obiektów lub tablic i przypisywania ich do zmiennych lokalnych za pomocą destrukcyjnej składni.

Niszczenie działa poprzez przypisanie wartości elementów tablicy/obiektu do wielu zmiennych za pomocą pojedynczego wiersza kodu, wówczas można uzyskać dostęp do tych wartości za pomocą tych nowych zmiennych. Pamiętaj, że nie ma szczególnego zniszczenia „symbolu” ani „operatora”.

Składnia
Składnia używania przypisania destrukcyjnego jest raczej prosta; Aby zniszczyć obiekt na wiele zmiennych:

• Użyj nawiasów kręconych po definicji zmiennej
• Włóż zmienne wewnątrz kręconych nawiasów
• następnie ustaw (cała deklaracja zmiennej) równa obiektowi

Obiekty:

const var1, var2 = obiektName;

Podobnie, aby niszczyć tablice do wielu zmiennych, użyj nawiasów kwadratowych [] zamiast kręconych nawiasów.

Tablice:

const [zmienna1, zmienna2] = arrayName;

Notatka: W przypadku obiektów destrukcyjnych nazwa zmiennych powinna być taka sama jak nazwa właściwości obiektu.

Destrukcyjne tablice w JavaScript

Utwórz tablicę zawierającą w niej losowe elementy, aby zademonstrować zniszczenie tablic w JavaScript za pomocą następującego polecenia:

user = [„Alberto”, „Rodrigo”, 25, „Male”];

Możesz zobaczyć, mamy tablicę ze szczegółami osoby. Tradycyjne rozwiązanie przechowywania wartości elementów tej tablicy w zmiennych lokalnych byłoby:

const FirstName = Użytkownik [1];
const lastName = User [2];
const wiek = użytkownik [3];
const Gender = Użytkownik [4];

To jest długi proces i wymaga więcej linii kodu.

Korzystanie z niszczenia zawiera powyższe kod zmienia się w:

const [FirstName, LastName, wiek, płeć] = użytkownik;

Tylko za pomocą tej linii utworzyliśmy 4 zmienne i przypisaliśmy im odpowiednie wartości z tablicy.

Aby to zweryfikować, możesz wydrukować wartość dowolnej z tych zmiennych za pomocą następującego kodu:

konsola.log (nazwa pierwszej);
konsola.log (płeć);

Pełny fragment kodu byłby:

array = [„Alberto”, „Rodrigo”, 25, „mężczyzna”];
const [FirstName, LastName, wiek, płeć] = tablica;
konsola.log (nazwa pierwszej);
konsola.log (płeć);

Otrzymasz następujące dane wyjściowe:

Możesz zobaczyć, zmienne miały swoje wartości z elementów tablicy.

Destrukturowanie zagnieżdżonych tablic

Zniszczenie nawet prac z zagnieżdżonymi tablicami. Na przykład weź zagnieżdżoną tablicę, którą można utworzyć za pomocą następujących wierszy kodu:

User = [„Alberto”, „Rodrigo”, 25, „mężczyzna”, [„MR.John ",„ Samantha ”]];

Możesz zobaczyć, że ostatni element tablicy to kolejna tablica zawierająca nazwiska ojca i matki osoby.

Możemy zniszczyć tę zagnieżdżoną tablicę za pomocą następującego kodu:

const [FirstName, LastName, wiek, płeć, [nazwa fathername, macierz]] = tablica;

Możesz zweryfikować tę niszczenie za pomocą następujących poleceń:

konsola.log (nazwa pierwszej);
konsola.log (płeć);
konsola.log (fathername);
konsola.dziennik (nazwa macierzy);

Kompletny fragment kodu to:

array = [„Alberto”, „Rodrigo”, 25, „mężczyzna”, [„MR.John ",„ Samantha ”]];
const [FirstName, LastName, wiek, płeć, [nazwa fathername, macierz]] = tablica;
konsola.log (nazwa pierwszej);
konsola.log (płeć);
konsola.log (fathername);
konsola.dziennik (nazwa macierzy);

Po wykonaniu programu zobaczysz następujące dane wyjściowe.

Widać, że byłeś w stanie z powodzeniem zniszczyć tablicę i zweryfikować również wynik.

Niszczące obiekty w JavaScript

Załóżmy, że mamy obiekt „osoby”:

var person =
FirstName: „John”,
Wiek: 25,
LastName: „Doe”,
Praca: „Audytor”,
;

A pary kluczowe są właściwości tej osoby: imię, nazwisko, wiek i praca.

Możesz zniszczyć ten obiekt za pomocą następującego wiersza:

var FirstName, Age, LastName, Job = osobista;

Notatka: Gdy niszczysz obiekt, nazwa zmiennych powinna pasować do nazwy właściwości obiektu, niszczenie nie zadziała, a wartość zmiennej byłaby nieokreślony.

Możesz zweryfikować destrukturę, drukując wartości tych zmiennych na konsoli za pomocą następujących wierszy kodu.

konsola.log (nazwa pierwszej);
konsola.log (lastName);
konsola.dziennik (wiek);
konsola.log (Job);

Kompletny fragment kodu to:

var person =
FirstName: „John”,
Wiek: 25,
LastName: „Doe”,
Praca: „Audytor”,
;
var FirstName, Age, LastName, Job = osobista;
konsola.log (nazwa pierwszej);
konsola.log (lastName);
konsola.dziennik (wiek);
konsola.log (Job);

Po wykonaniu tego programu zobaczysz następujące dane wyjściowe:

Z powodzeniem utworzyłeś obiekt w JavaScript, a mianowicie do niszczenia obiektów i tablic w JavaScript.

Wniosek

Tablice i obiekty można zniszczyć za pomocą destrukcyjnej składni w JavaScript, niszczące tablice i obiekty to nowa funkcja wprowadzona w wydaniu JavaScript ES6. Niszczenie to proces przypisywania wartości elementów/właściwości tablic/obiektów do zmiennych lokalnych za pomocą pojedynczego wiersza kodu. W tym przewodniku dowiedzieliśmy się, w jaki sposób możemy niszczyć tablice, zagnieżdżone tablice i obiekty za pomocą przykładów.