Niszczenie obiektu w JavaScript | Wyjaśnione

W JavaScript, niszczenie obiektów jest wyrażeniem przypisania, które pozwala uzyskać dostęp do wartości właściwości obiektu i powiązać je z oddzielnymi zmiennymi. Ta funkcjonalność została osadzona w JavaScript ES6 wersja, ułatwiając wyodrębnienie wielu właściwości obiektu JavaScript z wykonaniem jednego wiersza.

Podczas niszczenia obiektu nazwa właściwości obiektu jest wykorzystywana jako nazwa zmiennej. Jeśli określona nazwa nie pasuje do właściwości obiektu, wówczas operacja przypisania obiektu zainicjuje zmienną za pomocą „nieokreślony" wartość. Możesz jednak określić „domyślna wartość”Dla nieistniejącej właściwości obiektowej z niszczącym zadaniem.

Ten post nauczy obiektów i jego użycie w JavaScript. A więc zacznijmy!

Jak używać destruktury obiektów w JavaScript

Załóżmy, że mamy „pracownik„Obiekt w środowisku Pre-ES6, z następującymi dwoma właściwościami „Nazwa” i „oznaczenie”:

var pracownik =
Imię: „Paul”,
Oznaczenie: „Menedżer”
;

Teraz, aby wyodrębnić właściwości „pracownik„Obiekt, dodamy następujący kod w programie i wykonamy go:

var Nazwa = pracownik.nazwa;
var oznaczenie = pracownik.Przeznaczenie;
konsola.log („Nazwa pracownika:” + nazwa);
konsola.Log („Oznaczenie pracowników:” + oznaczenie);

Tutaj wartość „pracownik.nazwa„Własność jest przypisana do„nazwa„Zmienna i„pracownik.Przeznaczenie„Wartość właściwości jest przypisana do„Przeznaczenie”:

Jak widać, podana procedura dostępu do właściwości obiektu i przypisania go do określonych potrzeb zmiennych „płyta kotła”Kod, w którym sekcja kodu jest wykonywana z tym samym wzorem i niewielką zmianą.

ES6 osadził alternatywną procedurę przypisania właściwości obiektu do zmiennych znanych jako „Destrukcja obiektu". Niszczenie obiektów zapobiega duplikacji nazwy właściwości i pozwala na wyodrębnienie wielu właściwości obiektu JavaScript za pomocą jednego instrukcji.

Jak wyodrębnić pojedynczą właściwość obiektu za pomocą niszczenia obiektu w JavaScript

Oto podstawowa składnia destruktury obiektów, którą można wykorzystać do wyodrębnienia określonej właściwości obiektu JavaScript:

const właściwość = obiekt;

Teraz będziemy uzyskiwać dostęp do „nazwa„Własność już utworzonej”pracownik„Obiekt, niszcząc go:

niech name = pracownik;
konsola.log („Nazwa pracownika:” + nazwa);

Wykonanie danego kodu utworzy zmienną o nazwie „nazwa”I przypisz wartość„pracownik.nazwa„Własność do tego:

Jak wyodrębnić wiele właściwości obiektu za pomocą destruktururowania obiektu w JavaScript

Jeśli chcesz Wyodrębnij wiele właściwości obiektu za pomocą zniszczenia obiektu, a następnie postępuj zgodnie z podaną składnią:

niech Propert1, właściwość2 = obiekt;

Tutaj utworzone zmienne dla „Property1” i „Property2” będzie miał te same nazwy, które określono „obiekt”Nieruchomości mają; Zatem sprawia, że ​​program jest bardziej zwięzły.

Na przykład możemy zniszczyć „pracownik„Obiekt, aby uzyskać dostęp „Nazwa” i „oznaczenie” właściwości w następujący sposób:

niech nazwa, oznaczenie = pracownik;

Następnie wydrukujemy wyodrębnione wartości określonych właściwości na konsoli:

konsola.log („Nazwa pracownika:” + nazwa);
konsola.Log („Oznaczenie pracowników:” + oznaczenie);

Dane wyjście oznacza, że ​​pomyślnie odzyskaliśmy „Nazwa” i „oznaczenie” właściwości „pracownik" obiekt:

Jak ustawić domyślną wartość właściwości dla obiektu za pomocą niszczenia obiektu w JavaScript

Jeśli próbujesz uzyskać dostęp do właściwości, która nie jest dodana w zniszczonym obiekcie, ta konkretna właściwość zostanie zainicjowana za pomocą „nieokreślony" wartość.

Jako nasz stworzył „pracownik„Obiekt zawiera tylko Właściwości „nazwa” i „oznaczenia” oraz „wiek” właściwość nie istnieje w niej, więc dane zadanie niszczące obiekt przypisuje wartość „niezdefiniowaną” do „wiek" nieruchomość:

const wiek = pracownik;
konsola.dziennik (wiek);

Jednak niszczenie obiektów umożliwia również ustawienie "Domyślna wartość" dla właściwości, która nie jest zdefiniowana w zniszczonym obiekcie. Aby sugerować tę funkcjonalność, postępuj zgodnie z podaną składnią:

const właściwość = defaultValue = obiekt;

Przypisamy „25” jako domyślna wartość "wiek" nieruchomość:

const age = [25] = pracownik;
konsola.dziennik (wiek);

Zamiast "nieokreślony", teraz "konsola.dziennik()”Metoda wydrukuje „25” jako „wiek” wartość nieruchomości:

Opracowaliśmy podstawowe informacje związane z destruktururą obiektów w JavaScript. Możesz go zbadać zgodnie z Twoimi wymaganiami.

Wniosek

Niszczenie obiektu w JavaScript to przydatna funkcja, która pozwala Ci Wyodrębnij pojedyncze lub wiele właściwości z obiektu JavaScript i przypisz ich odpowiednie wartości do różnych zmiennych. Zapobiega powielaniu nazwy właściwości i umożliwia wyodrębnienie wielu właściwości obiektu JavaScript za pomocą jednego instrukcji. Ten post wyjaśnił niszczenie obiektu i jego użycie w JavaScript.