Tableau à l'intérieur d'un objet JavaScript

Les types de données les plus populaires en JavaScript sont «objets »et« tableaux". Vous pouvez les combiner tous les deux pour former des structures de données complexes qui peuvent gérer et stocker une grande quantité de données dans différents formats. En JavaScript, un objet peut inclure des tableaux en tant que propriétés qui lui permettent de stocker et de modifier les tableaux dans le contexte de l'objet.

Ce tutoriel démontrera la procédure d'utilisation d'un tableau à l'intérieur de l'objet.

Comment utiliser le tableau à l'intérieur d'un objet JavaScript?

Pour utiliser un tableau dans un objet JavaScript, déclarez simplement un objet avec un tableau comme l'un de ses attributs. L'objet peut ensuite être utilisé pour accéder et manipuler le tableau. En faisant d'un tableau une propriété d'un objet, vous pouvez rapidement ajouter et supprimer des éléments du tableau tout en gardant une référence à l'objet avec lequel le tableau est connecté.

Exemple

Créez un objet avec cinq propriétés où deux d'entre elles ont des tableaux:

const obj =
ID: 5,
Nom: "Emily",
Désignation: "développeur Web",
Compétences: ["JavaScript", "Node", "Angular", "React"],
équipe: []
;

Imprimez l'objet sur la console en utilisant le «console.enregistrer()" méthode:

console.log (obj);

La sortie montre toutes les propriétés, y compris les tableaux et l'un d'eux est un tableau vide:

Vous pouvez également accéder aux éléments du tableau de l'objet en utilisant la notation de points ou la notation du support:

console.journal (obj.compétences);
console.log (obj ["équipe"]);

Sortir

Ici, nous allons accéder au premier élément du «compétences"Array en utilisant"0«Comme indice de tableau:

console.journal (obj.compétences [0]);

Comme vous pouvez le voir, la sortie affiche le «Javascrip"Qui est le premier élément de"compétences" déployer:

Vous pouvez également ajouter ou supprimer des éléments d'un tableau de l'objet en utilisant le «pousser()" méthode. Ici, nous allons ajouter "Mili«Dans un tableau vide, puis imprimez le tableau comme un attribut d'un objet:

obj.équipe.push ("Mili");
console.log (obj ["équipe"]);

Sortir

Nous avons rassemblé toutes les informations essentielles liées au tableau à l'intérieur d'un objet JavaScript.

Conclusion

Vous pouvez utiliser un tableau dans un objet JavaScript, comme l'un de ses attributs. Tout d'abord, déclarez simplement un objet et ajoutez un tableau comme propriété de l'objet. L'objet peut ensuite être utilisé pour accéder et manipuler le tableau. Ce tutoriel a démontré la procédure d'utilisation d'un tableau à l'intérieur de l'objet.