Comment fonctionne le tableau imbriqué en JavaScript

En JavaScript, lorsqu'un tableau ou un sous-tableau intérieur est ajouté à un tableau, il est connu sous le nom de «Multi-dimensional »ou«Imbriqué" déployer. JavaScript ne fournit pas de format explicite pour créer un tableau imbriqué; Par conséquent, nous devons nid les sous-terrains requis dans un seul tableau extérieur. De plus, les éléments des tableaux intérieurs sont accessibles en fonction de leur index dans le tableau extérieur.

Après avoir déclaré un tableau imbriqué en JavaScript, vous pouvez effectuer différentes opérations à ce sujet, tels que l'ajout de sous-terrains, l'accès aux éléments des sous-terrains, itérant sur tous les éléments de sous-arrailles, supprimant un sous-tableau, ou son élément connexe et réduisant la dimensionnalité du réseau imbriqué.

Cet article expliquera le fonctionnement de la tableaux imbriqués dans Javascrip avec l'aide d'exemples appropriés. Alors, commençons!

Comment créer un tableau imbriqué en JavaScript

Pour créer un tableau imbriqué en JavaScript, vous devez suivre la syntaxe donnée ci-dessous:

Soit Array = [[inner_array1], [inner_array2], [inner_array3]…];

Ici "déployer»Représente le tableau imbriqué qui contient plusieurs terrains intérieurs tels que«inner_array1","inner_array2","inner_array3".

Exemple: comment créer un tableau imbriqué en javascript

Nous créerons un tableau multidimensionnel ou imbriqué nommé «loisirs«Cela comprend en outre cinq tableaux intérieurs:

Laissez hobbies = [
[«Lecture», 4],
[«Jardinage», 2],
[«Jeu», 1],
['Peinture', 8],
[«Cuisine», 5]
]]

Dans le déclaré «loisirs”Array, la première dimension ajoutée représente le"passe-temps,»Et le second indique le nombre maximum de«heures" passé tout en faisant cette activité.

Maintenant, pour afficher le créé "loisirs«Array imbriqué, nous utiliserons le«console.tableau()«Méthode tout en passant le«loisirs”Array comme argument:

console.table (passe-temps);

L'exécution du code donné ci-dessus montrera les valeurs du «loisirs”Array dans un format de table, où le première colonne représente le indice de tableaux intérieurs et l'autre deux colonnes contiennent leurs éléments qui sont présents au premier »[0]" et deuxieme "[1]»Index:

Comment accéder aux éléments des tableaux imbriqués en javascript

Besoin d'accéder aux éléments d'un tableau imbriqué? Si oui, alors jetez un œil à la syntaxe donnée ci-dessous:

déployer.[un B]

Ici, "un»Représente l'indice du«intérieur«Array dans le tableau imbriqué créé, et«b»Représente l'indice du«élément”Dans l'intérieur ou sous-tableau spécifié.

Exemple: comment accéder aux éléments des tableaux imbriqués en javascript

Par exemple, nous voulons accéder au «Cuisson«Hobby qui existe comme le«D'abord" élément "[0] »Du cinquième tableau intérieur« [[4] »:

Pour effectuer l'opération spécifiée, nous exécuterons l'instruction de code divisée:

console.journal (passe-temps [4] [0]);

Comme vous pouvez le voir sur la sortie, nous avons accédé à la valeur de la valeur du «loisirs”Array qui est placé au premier index du cinquième tableau intérieur:

Comment ajouter des éléments à un tableau imbriqué en javascript

JavaScript offre deux façons d'ajouter des éléments à un tableau imbriqué déjà créé; Soit vous pouvez ajouter un élément au fin d'un tableau utilisant le «pousser()«Méthode ou l'insérez-le à un position spécifique Avec l'aide du «épissure()" méthode.

Exemple: comment ajouter des éléments à un tableau imbriqué en javascript

Pour pousser le «[Cycling, 6]«Sous-réseau à la fin du«loisirs«Array imbriqué, nous allons le transmettre comme un argument au«loisirs.pousser()" méthode:

loisirs.push ([«cyclisme», 6]);
console.table (passe-temps);

Quand le donné "loisirs.pousser()«Est exécuté, il ajoutera le sous-tableau spécifié à la fin du«loisirs" déployer:

Alors que, pour insérer un sous-tableau au milieu d'autres tableaux intérieurs, utilisez le «épissure()«Méthode de la manière suivante:

loisirs.Splice (1, 0, [«chant», 3]);
console.table (passe-temps);

Ici le "loisirs.épissure()"La méthode écrasera le"loisirs”Array et ajoutez le"[«Chant», 3]”Sous-réseau à la deuxième position:

Jusqu'à ce point, nous avons appris la procédure pour créer un tableau imbriqué et y ajouter des éléments. Dans la section suivante, nous parlerons de l'itération des éléments d'un tableau imbriqué en JavaScript.

Comment itérer sur les éléments du tableau imbriqué en javascript

Vous savez peut-être que le javascript «pour”Loop est principalement utilisé pour itérer les éléments d'un tableau. Cependant, comme dans notre cas, nous avons un «imbriqué"Array, donc nous en ajouterons deux"pour”Boucle imbriqué dans l'autre.

Exemple: comment itérer sur les éléments du tableau imbriqué en JavaScript

Le d'abord boucle "pour”La boucle iratera sur le tableau extérieur Éléments selon sa taille et son imbriqué "pour”Loop effectuera l'itération sur le sous-arrailles intérieures:

pour (leti = 0; iVarinnerArrayLength = Hobbies [i].longueur;
pour (que j = 0; j console.log ('[' + i + ',' + j + '] =' + hobbies [i] [j]);

L'opération d'itération spécifiée affichera tous les éléments du "loisirs”Array imbriqué:

Vous pouvez également utiliser le «Pour chaque()”Méthode dans le même but.

Comment aplatir un tableau imbriqué en JavaScript

Il existe certains scénarios dans lesquels vous devrez peut-être créer un tableau qui comprend tous les éléments de tableau JavaScript imbriquées dans leur ordre d'origine. Si c'est le cas, alors aplatir le réseau imbriqué créé pour réduire sa dimensionnalité.

Le "Déployer.plat()«La méthode est intégrée dans ES6, qui aide à aplanissement un tableau JavaScript imbriqué. Cette méthode renvoie un nouveau tableau après avoir concaténé tous les éléments des sous-terrains.

Exemple: comment aplatir un tableau imbriqué en javascript

Par exemple, pour aplatir le «loisirs”Array, nous exécuterons le code suivant dans la fenêtre de la console:

const Flatarray = passe-temps.plat();
console.journal (platArray);

Le donné "loisirs.plat()«La méthode réduira la dimensionnalité du«loisirs”Array et aplatissez les éléments du tableau intérieur:

Comment supprimer des éléments de tableau imbriqué en JavaScript

Pour éliminer les éléments de tous les sous-terrains d'un tableau imbriqué, utilisez le «populaire()" méthode. Le "populaire()»La méthode supprime généralement le dernier tableau intérieur à partir d'un tableau imbriqué; Cependant, cela aide également à éliminer les éléments des tableaux intérieurs.

Exemple: comment supprimer les éléments de la baie imbriquée en javascript

Avant d'utiliser le «populaire()«Méthode, nous avons les sous-terrains suivants dans le«loisirs”Array imbriqué:

Maintenant, quand nous invoquons le «populaire()»Méthode, le dernier sous-tableau sera supprimé avec ses éléments:

loisirs.populaire();
console.table (passe-temps);

Sortir

Pour supprimer le deuxième élément de chacun "sous-tableau», Nous allons itérer à travers le«loisirs”Array en utilisant le"pour chaque()«Méthode, et à chaque itération le«populaire()»La méthode supprime l'élément positionné au premier index:

loisirs.foreach ((hobby) =>
passe-temps.pop (1);
);
console.table (passe-temps);

On peut voir dans la sortie en dessous que l'élément représentant le nombre maximum d'heures passées sur chaque passe-temps est supprimé pour tous les sous-arraines:

Nous avons compilé toutes les informations essentielles liées au fonctionnement des tableaux imbriqués en JavaScript. Vous pouvez les explorer davantage en fonction de vos préférences.

Conclusion

Lorsqu'un tableau ou un sous-tableau intérieur est ajouté à un tableau externe, il est appelé un réseau imbriqué. Après avoir créé un tableau imbriqué JavaScript, vous pouvez utiliser le «pousser()" et "épissure()«Méthode pour ajouter des éléments,«pour boucle" et "pour chaque()«Méthode pour itérer les éléments des tableaux intérieurs,« «plat()«Méthode pour réduire la dimensionnalité et«populaire()»Méthode pour supprimer les sous-arraines ou leurs éléments des tableaux imbriqués. Cet article a expliqué le fonctionnement des boucles imbriquées en javascript.