Distrutturazione dell'oggetto in JavaScript | Spiegato

In JavaScript, Distruttore dell'oggetto è un'espressione di assegnazione che consente di accedere a un valore della proprietà dell'oggetto e di legarli a variabili separate. Questa funzionalità è stata incorporata nel JavaScript Es6 Versione, rendendo più facile estrarre le proprietà multiple di un oggetto JavaScript con l'esecuzione di una singola riga.

Durante la distruzione di un oggetto, il nome della proprietà dell'oggetto viene utilizzato come nome variabile. Se il nome specificato non corrisponde alla proprietà dell'oggetto, l'operazione di assegnazione di distruzione dell'oggetto inizializzerà la variabile con un "non definito" valore. Tuttavia, puoi specificare un "valore di default"Per una proprietà di oggetti inesistenti con assegnazione di distruzione.

Questo post insegnerà la distruzione degli oggetti e il suo utilizzo in JavaScript. Quindi iniziamo!

Come usare la distruzione degli oggetti in javascript

Supponiamo di avere un "dipendente"Oggetto nell'ambiente pre-ES6, con le seguenti due proprietà "Nome" e "Designazione":

var dipendente =
Nome: "Paul",
Designazione: "Manager"
;

Ora, per estrarre le proprietà del "dipendente"Oggetto, aggiungeremo il seguente codice nel programma ed eseguirlo:

var name = dipendente.nome;
var designation = dipendente.designazione;
console.log ('Nome dipendente:' + nome);
console.log ('designazione dei dipendenti:' + designazione);

Qui, il valore del "dipendente.nomeLa proprietà "è assegnata al"nome"Variabile e il"dipendente.designazione"Il valore della proprietà è assegnato a"designazione":

Come puoi vedere, la procedura data per accedere alla proprietà di un oggetto e di assegnarli alle esigenze della variabile specificata "caldaia"Codice, in cui una sezione di codice viene eseguita con lo stesso modello e l'alterazione minore.

ES6 ha incorporato una procedura alternativa per l'assegnazione delle proprietà di un oggetto a variabili note come "Distrutturazione dell'oggetto". La distruzione dell'oggetto impedisce la duplicazione di un nome di proprietà e consente di estrarre più proprietà di un oggetto JavaScript usando una singola istruzione.

Come estrarre la proprietà singola di un oggetto usando la distruzione dell'oggetto in JavaScript

Ecco la sintassi di base della distruzione dell'oggetto che può essere utilizzata per estrarre una proprietà specifica di un oggetto JavaScript:

const proprietà = oggetto;

Ora accederemo al "nome"Proprietà di già creata"dipendente"Oggetto distruggendolo:

let name = dipendente;
console.log ('Nome dipendente:' + nome);

L'esecuzione del codice dato creerà una variabile denominata "nome"E assegnare il valore di"dipendente.nome"Proprietà ad esso:

Come estrarre più proprietà di un oggetto usando la distruzione dell'oggetto in JavaScript

Se lo desidera estrarre più proprietà di un oggetto con l'aiuto della distruzione dell'oggetto, quindi seguire la sintassi di seguito:

let Property1, Property2 = Object;

Qui, le variabili create per il "Property1" e "Property2" avrà gli stessi nomi specificati "oggetto"Le proprietà hanno; Quindi, rende il programma più conciso.

Ad esempio, possiamo distruggere il "dipendente"Oggetto per accedere al suo "Nome" e "Designazione" Proprietà nel modo seguente:

let nome, designazione = dipendente;

Quindi, stamperemo i valori estratti delle proprietà specificate sulla console:

console.log ('Nome dipendente:' + nome);
console.log ('designazione dei dipendenti:' + designazione);

L'output indicato significa che abbiamo recuperato con successo il "Nome" e "Designazione" Proprietà del "dipendente"Oggetto:

Come impostare il valore della proprietà predefinito per un oggetto usando la distruzione dell'oggetto in JavaScript

Se stai cercando di accedere a una proprietà che non viene aggiunta nell'oggetto distrutto, quella proprietà specifica verrà inizializzata con un "non definito" valore.

Come il nostro creato "dipendente"L'oggetto comprende solo Proprietà "nome" e "designazione" e "età" La proprietà non esiste in essa, quindi l'assegnazione di distruzione dell'oggetto fornito assegnerà un valore "indefinito" a "età" proprietà:

const age = dipendente;
console.registro (età);

Tuttavia, la distruzione dell'oggetto consente anche di impostare un "Valore di default" per una proprietà che non è definita nell'oggetto distrutto. Per implicare questa funzionalità, seguire la sintassi data:

const proprietà = defaultValue = oggetto;

Assemeremo "25" come valore predefinito del "età" proprietà:

const age = [25] = dipendente;
console.registro (età);

Invece di "non definito", ora il "console.tronco d'albero()"Il metodo stamperà "25" come "età" costo dell'immobile:

Abbiamo compilato le informazioni essenziali relative alla distruzione degli oggetti in JavaScript. Puoi esplorarlo in base alle tue esigenze.

Conclusione

Distrutturazione dell'oggetto in JavaScript è una caratteristica utile che ti consente estrarre proprietà single o multiple Da un oggetto JavaScript e assegnare i rispettivi valori a variabili distinte. Impedisce la duplicazione di un nome di proprietà e consente di estrarre più proprietà di un oggetto JavaScript con una singola istruzione. Questo post ha spiegato la distruzione degli oggetti e il suo utilizzo in JavaScript.