Come distruggere oggetti e array in JavaScript | Spiegato con esempi

La versione ES6 è arrivata con un'ondata di nuove funzionalità, una di queste caratteristiche era la capacità di distruggere oggetti e array. Array o oggetti di distruzione è il processo di prelevare valori da oggetti o array e assegnarli a variabili locali usando la sintassi di distruzione.

La distruzione funziona assegnando i valori degli elementi dell'array/oggetto a più variabili utilizzando una singola riga di codice, è possibile accedere a tali valori usando quelle nuove variabili. Ricorda, non esiste un particolare "simbolo" o "operatore".

Sintassi
La sintassi dell'utilizzo dell'assegnazione di distruzione è piuttosto semplice; per distruggere l'oggetto in più variabili:

• Usa le staffe ricci dopo la definizione della variabile
• Metti le variabili all'interno delle staffe ricci
• quindi impostalo (dichiarazione a variabile intera) uguale all'oggetto

Oggetti:

const var1, var2 = objectName;

Allo stesso modo, agli array di distruzione a più variabili, usa le staffe quadrate [] anziché le staffe ricci.

Array:

const [variabile1, variabile2] = arrayName;

Nota: Nel caso di oggetti di distruzione, il nome delle variabili dovrebbe essere lo stesso del nome delle proprietà dell'oggetto.

Array di distruzione in javascript

Crea un array contenente elementi casuali al suo interno per dimostrare la distruzione degli array in JavaScript usando il seguente comando:

utente = ["Alberto", "Rodrigo", 25, "maschio"];

Puoi vedere, abbiamo un array con i dettagli di una persona. La soluzione tradizionale di archiviare i valori degli elementi di questo array nelle variabili locali sarebbe:

const firstName = utente [1];
const lastName = utente [2];
const age = utente [3];
const Gender = utente [4];

Questo è un processo lungo e richiede più righe di codice.

Usando le funzionalità di distruzione delle modifiche al codice sopra:

const [firstname, lastname, età, genere] = utente;

Solo con quella riga, abbiamo creato 4 variabili e assegnato loro i rispettivi valori dall'array.

Per verificarlo è possibile stampare il valore di una di queste variabili con il seguente codice:

console.log (firstname);
console.registro (genere);

Lo snippet completo del codice sarebbe:

array = ["Alberto", "Rodrigo", 25, "maschio"];
const [firstname, lastname, età, genere] = array;
console.log (firstname);
console.registro (genere);

Otterrai il seguente output:

Puoi vedere, le variabili avevano i loro valori dagli elementi dell'array.

Distrutturazione di array nidificati

Distruggere le opere anche con array nidificati. Ad esempio, prendi un array nidificato che può essere creato con le seguenti righe di codice:

user = ["Alberto", "Rodrigo", 25, "maschio", ["MR.John "," Samantha "]];

Puoi vedere che l'ultimo elemento dell'array è un altro array contenente i nomi del padre e la madre della persona.

Possiamo distruggere questo array nidificato usando il seguente codice:

const [firstname, lastname, età, sesso, [fathername, madrename]] = array;

È possibile verificare questa distruzione usando i seguenti comandi:

console.log (firstname);
console.registro (genere);
console.log (fathername);
console.log (madrename);

Il frammento completo del codice è:

Array = ["Alberto", "Rodrigo", 25, "maschio", ["MR.John "," Samantha "]];
const [firstname, lastname, età, sesso, [fathername, madrename]] = array;
console.log (firstname);
console.registro (genere);
console.log (fathername);
console.log (madrename);

Vedrai il seguente output sullo schermo quando esegui il programma.

Puoi vedere che sei stato in grado di distruggere con successo l'array e verificare anche il risultato alla fine.

Distrutturazione di oggetti in JavaScript

Supponiamo di avere un oggetto "persona":

var persona =
primo nome: "John",
Età: 25,
LastName: "Doe",
Giobbe: "revisore dei conti",
;

E le coppie di valore chiave sono le proprietà di quella persona: nome, cognome, età e lavoro.

Puoi distruggere questo oggetto usando la seguente riga:

var firstname, età, lastname, lavoro = persona;

Nota: Quando si sta distruggendo un oggetto, il nome delle variabili dovrebbe corrispondere al nome delle proprietà dell'oggetto altrimenti, la distruzione non funzionerà e il valore della variabile sarebbe non definito.

È possibile verificare la distruzione stampando i valori di queste variabili sulla console utilizzando le seguenti righe di codice.

console.log (firstname);
console.log (lastname);
console.registro (età);
console.registro (lavoro);

Il frammento completo del codice è:

var persona =
primo nome: "John",
Età: 25,
LastName: "Doe",
Giobbe: "revisore dei conti",
;
var firstname, età, lastname, lavoro = persona;
console.log (firstname);
console.log (lastname);
console.registro (età);
console.registro (lavoro);

Quando esegui questo programma vedrai il seguente output:

Hai creato con successo un oggetto in JavaScript, e questo è per distruggere oggetti e array in JavaScript.

Conclusione

Array e oggetti possono essere distrutti usando la sintassi di distruzione in JavaScript, array di distruzione e oggetti è una nuova caratteristica che è stata introdotta nella versione JavaScript ES6. La distruzione è il processo di assegnazione dei valori degli elementi/proprietà di array/oggetti alle variabili locali utilizzando una singola riga di codice. In questa guida, abbiamo imparato come possiamo distruggere array, array nidificati e oggetti con l'aiuto di esempi.