Travailler avec des tableaux imbriqués en javascript

Explication détaillée du tableau JavaScript

Le tableau JavaScript est une collection de données stockées sous forme de liste. Les tableaux sont accessibles à l'aide d'index, ce qui signifie que chaque élément de tableau est accessible via un index entier à partir de 0.

Par exemple, un simple tableau ressemble à ceci:

let myArray = [1, 2, 3, 4, 5];

Dans cet exemple, le premier élément du tableau est indexé à 0, le deuxième élément est indexé à 1, etc.

Les tableaux

sont souvent utilisés pour stocker des collections de données qui nécessitent un accès rapide et facile. Par exemple, si vous avez un groupe d'utilisateurs dans votre application, vous pouvez les stocker dans un tableau et y accéder via un index.

let users = ["John", "Jane", "Jack"];
console.log(users[0]); // 输出： "John"

Les tableaux peuvent stocker différents types de valeurs, y compris les chaînes, les nombres et les objets. Il est complètement valable de stocker différents types de valeurs dans le même tableau.

const varied = [null, undefined, NaN, "string", 12345, {name: "Sam"}];

Vous pouvez également stocker (ou nid) un tableau dans un autre tableau. Cela créera un tableau soi-disant bidimensionnel.

tableaux imbriqués javascript

Un tableau bidimensionnel (également connu sous le nom de tableau de tableaux) n'est qu'un tableau contenant un ou plusieurs sous-réseaux. Ces tableaux d'enfants sont appelés imbriqués dans le tableau parent.

const arrayOfArr = [
  ['value 1', 'value 2'],
  ['value 3', 'value 4'],
  ['value 5', 'value 6']
];

Les tableaux imbriqués peuvent être utilisés pour regrouper les éléments liés. Par exemple, regardons le tableau bidimensionnel suivant:

const animalPairs = [
  // 母的和公的
  ['doe', 'buck'],
  ['ewe', 'ram'],
  ['peahen', 'peacock'],
  ['cow', 'bull'],
];

Ici, nous associons les noms féminins et masculins du même animal dans chaque réseau imbriqué. La femelle est à gauche et le mâle est à droite.

Pour accéder au premier élément, vous pouvez utiliser l'index 0 comme indiqué ci-dessous:

animalPairs[0]

Imprimer les résultats dans la console:

console.log(animalPairs[0]) // ['doe', 'buck'],

Maintenant, pour accéder aux valeurs du tableau imbriqué, vous devez ajouter une deuxième parenthèse qui contiennent l'index des valeurs à accéder. Par exemple, supposons que vous souhaitiez obtenir le nom féminin du premier tableau. Puisque vous savez que les femmes sont toujours devant, vous avez juste besoin:

• Utilisez [0] pour obtenir le premier élément de ce tableau imbriqué (dans ce cas le nom féminin):

animalPairs[0][0]

La sortie est la suivante:

console.log(animalPairs[0][0]) // 'doe'

Si vous souhaitez obtenir le deuxième élément dans le premier tableau imbriqué:

animalPairs[0][1] // 'buck'

Dans ce cas, il n'y a que deux éléments dans chaque tableau imbriqué, donc notre index se termine à [ ] et renvoie le tableau imbriqué, tandis que la deuxième méthode unshift():

const animalPairs = [
  // 将在此处插入母鸡和公鸡
  ['doe', 'buck'],
  ['ewe', 'ram'],
  ['peahen', 'peacock'],
  ['cow', 'bull'],
];
animalPairs.unshift(['hen', 'rooster']);

Pour insérer un tableau à la fin du parent, passez le tableau à la méthode shift() sur le tableau parent:

const animalPairs = [
  ['doe', 'buck'], // 删除此项
  ['ewe', 'ram'],
  ['peahen', 'peacock'],
  ['cow', 'bull'],
];
animalPairs.shift();

Enfin, pour supprimer le dernier tableau, faire id, username, etc.

Cependant, comprendre comment accéder et manipuler des données dans les tableaux imbriqués vous aide à mieux comprendre la langue. Il vous aide également à maîtriser la syntaxe pour traverser les structures de tableau complexes en JavaScript.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!