Array Destructing in JavaScript | Spiegato

Gli array comprendono numerosi valori dello stesso tipo di dati e gli elementi degli array sono accessibili/recuperati utilizzando il fenomeno di indicizzazione. Tuttavia, potrebbe non essere fruttuoso nel caso di array complessi e si desidera recuperare gli elementi dell'array da quello.

Il fenomeno di distruzione dell'array viene eseguito per recuperare facilmente gli elementi dell'array. Nella distruzione dell'array, ogni elemento viene definito una variabile e quindi chiamando quella variabile saresti in grado di recuperare l'elemento associato a quella variabile. Con l'obiettivo di ottenere elementi, questo articolo fornisce una guida dettagliata sulla distruzione dell'array in JavaScript.

Come funziona la distruzione dell'array in javascript

Come discusso, la distruzione precedente si riferisce agli elementi dell'array usando variabili distinte. Pertanto, per la distruzione, è necessario un insieme di variabili che possono essere utilizzate per ottenere l'elemento specifico di un array. Le righe di codice scritte sotto dimostrano meglio come funziona la distruzione in JavaScript.

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

Dopo aver chiamato la variabile "w"Otterresti"1"Nell'output, allo stesso modo, il valore"2"Sarebbe stato immagazzinato all'interno del"X"Variabile e così via.

Come distruggere un array in javascript

Questa sezione fornisce una serie di esempi che illustrano come le matrici possono essere manipolate usando il fenomeno di distruzione.

Esempio 1

Il seguente codice crea variabili distinte per ogni elemento di un array.

var arr = [10, 11, 12]
var [x, y, z] = arr;
console.log (x);
console.log (y);
console.log (z);

Il codice sopra è descritto come,

• un array arr viene creato che contiene tre valori numerici
• viene creata un'altra serie di variabili che si riferisce al arr variabili e quindi saranno associati a ciascun elemento dell'array arr.
• le variabili X, y, E z sono stampati

Produzione

L'output mostra che i valori 10, 11, E 12 sono ora contenuti dal X, y, E z rispettivamente.

Esempio 2

Diamo un'occhiata a come funziona la distruzione se il numero di elementi non è uguale al numero di variabili.

var arr = [4, 7]
var [x, y, z] = arr;
console.log (x);
console.log (y);
console.log (z);

Il codice sopra contiene un array comprendente due valori numerici. Questo array viene associato a tre variabili e quindi queste variabili vengono stampate usando "console.tronco d'albero" dichiarazione.

Produzione

L'output sopra mostra che il valore di z risultati in non definiti perché ci sono solo due numeri in arr Pertanto solo due variabili possono essere mappate su queste variabili.

Esempio 3

Questo esempio utilizza l'operatore di resto per distruggere un array.

var arr = ["LinuxHint", "Welcome", "Linux, Windows", "JavaScript/JQuery", "Tutorial informativi"]
var [x, y, ... altro] = arr;
console.log (x);
console.log (y);
console.registro (altro);

Il codice sopra crea un array di stringhe e il X, y, E altri Fare riferimento agli elementi di un array. IL X E y si riferiscono rispettivamente al primo e ai secondi elementi altro La variabile viene utilizzata con l'operatore di resto, pertanto l'altro contiene tutti gli elementi che si verificano dopo il secondo elemento.

Produzione

L'output lo mostra X E y contenere i primi due elementi solo mentre il resto degli elementi dell'array è contenuto in altro variabile.

Nota: Poiché le variabili non possono essere create utilizzando un numero, quindi i valori numerici non possono essere utilizzati per distruggere l'array.

Conclusione

La distruzione dell'array viene effettuata associando variabili agli elementi dell'array. Queste variabili distinte possono essere utilizzate per ottenere solo elementi specifici dell'array. Questo articolo fornisce una guida dettagliata sulla distruzione dell'array in JavaScript. Qui, conosceresti ed eseguire la distruzione degli array in JavaScript. Per una migliore comprensione, abbiamo fornito una serie di esempi che si riferiscono alla distruzione degli elementi dell'array in JavaScript.