Le tableau destructeur en javascript | Expliqué

Les tableaux comprennent de nombreuses valeurs du même type de données et les éléments des tableaux sont accessibles / récupérés en utilisant le phénomène d'indexation. Cependant, cela peut ne pas être fructueux dans le cas de tableaux complexes et vous souhaitez récupérer les éléments de tableau à partir de cela.

Le phénomène destructeur du tableau est effectué pour récupérer facilement les éléments du tableau. En destructeur de tableau, chaque élément est appelé variable, puis en appelant cette variable, vous pourriez récupérer l'élément associé à cette variable. Dans le but d'obtenir des éléments, cet article fournit un guide détaillé sur la destruction de la matrice en JavaScript.

Comment la destruction du tableau fonctionne en JavaScript

Comme discuté, la destructeur antérieure fait référence aux éléments du tableau en utilisant des variables distinctes. Ainsi, pour la destruction, vous avez besoin d'un ensemble de variables qui peuvent être utilisées pour obtenir l'élément spécifique d'un tableau. Les lignes de code écrites ci-dessous démontrent mieux comment la destructeur fonctionne en javascript.

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

En appelant la variable "w"Vous obtiendriez"1"Dans la sortie, de même, la valeur"2«Serait stocké à l'intérieur du«X»Variable et ainsi de suite.

Comment détruire un tableau en javascript

Cette section fournit un ensemble d'exemples qui illustrent comment les tableaux peuvent être manipulés en utilisant le phénomène destructeur.

Exemple 1

Le code suivant crée des variables distinctes pour chaque élément d'un tableau.

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

Le code ci-dessus est décrit comme,

• un tableau art est créé qui contient trois valeurs numériques
• Un autre ensemble de variables est créé qui fait référence au art variable et donc ils seront associés à chaque élément du tableau art.
• les variables X, y, et z sont imprimés

Sortir

La sortie montre que les valeurs dix, 11, et 12 sont maintenant contenus par le X, y, et z respectivement.

Exemple 2

Voyons comment fonctionne la destructeur si le nombre d'éléments n'est pas égal au nombre de variables.

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

Le code ci-dessus contient un tableau comprenant deux valeurs numériques. Ce tableau est associé à trois variables, puis ces variables sont imprimées en utilisant le «console.enregistrer" déclaration.

Sortir

La sortie ci-dessus montre que la valeur de z se traduit par non défini car il n'y a que deux nombres dans art Ainsi, seules deux variables peuvent être cartographiées sur ces variables.

Exemple 3

Cet exemple utilise l'opérateur de repos pour détruire un tableau.

var arr = ["Linuxhint", "Welcome", "Linux, Windows", "JavaScript / jQuery", "Tutoriels informatifs"]
var [x, y,… autre] = arr;
console.log (x);
console.journal (y);
console.journal (autre);

Le code ci-dessus crée un tableau de chaînes et le X, y, et autres se référer aux éléments d'un tableau. Le X et y se rapportent respectivement aux premiers et deuxième éléments tandis que le autre La variable est utilisée avec l'opérateur de repos, donc l'autre contient tous les éléments se produisant après le deuxième élément.

Sortir

La sortie montre que X et y contiennent les deux premiers éléments uniquement pendant que le reste des éléments du tableau est contenu dans le autre variable.

Note: Comme les variables ne peuvent pas être créées en utilisant un nombre, les valeurs numériques ne peuvent donc pas être utilisées pour détruire le tableau.

Conclusion

La destruction du tableau est effectuée en associant des variables aux éléments de tableau. Ces variables distinctes peuvent être utilisées pour n'obtenir que des éléments spécifiques du tableau. Cet article fournit un guide détaillé sur la destruction du tableau en javascript. Ici, vous apprendriez à connaître et à effectuer la destruction des tableaux en JavaScript. Pour une meilleure compréhension, nous avons fourni un ensemble d'exemples qui se réfèrent à la destruction des éléments de tableau en JavaScript.