Objets JavaScript / Dictionnaire - expliqué

Les objets en JavaScript sont des types de données utilisés pour stocker des données connexes; Ils sont une collection de valeurs ou de variables nommées utilisées pour stocker plusieurs valeurs; ces valeurs sont stockées sous la forme de Nom: valeur paires. Les objets ont des propriétés et des méthodes. Les méthodes sont essentiellement des fonctions écrites comme des propriétés d'un objet.

La meilleure façon dont on peut en apprendre davantage sur les objets JavaScript est de les comparer avec des objets réels. Les objets dans la vraie vie ont des propriétés différentes et peuvent effectuer différentes tâches, e.g., un Vélo est un objet; Il a des propriétés comme la couleur, le modèle, le nom et les méthodes comme Start, Break, Stop.

Maintenant tous les Vélos avoir ces propriétés; chaque Vélo a une couleur, un modèle et un nom, mais la valeur de chacune de ces propriétés peut différer pour chaque Vélo. De même, tous les Vélos effectuer ces méthodes mais à des moments différents.

Différence entre les objets et les dictionnaires:

Les données stockées sous forme de paires de valeurs clés sont appelées objet ou dictionnaire. Les objets et les dictionnaires sont similaires; La différence réside dans la sémantique. En JavaScript, les dictionnaires sont appelés objets, tandis que, dans des langues comme Python ou C #, elles sont appelées dictionnaires.

Comment utiliser des objets en javascript?

Nous allons maintenant créer un objet nommé utilisateur avec différentes propriétés à l'aide de JavaScript comme exemple:

const user = fname: "Mary", lname: "Jane", âge: 23, id: 01;

Le utilisateur L'objet donné ci-dessus a quatre propriétés différentes, je.e., fname, nom, âge, et identifiant. Ces propriétés ont Marier, Jeanne, 23, et 01 Comme les valeurs, respectivement. JavaScript est syntaxiquement un langage dynamique, nous pouvons donc déclarer également l'objet de la manière suivante pour une meilleure lisibilité:

const user =
Fname: "Mary" ,
Lname: "Jane" ,
Âge: 23 ,
ID: 01
;

Généralement, les objets sont déclarés en utilisant le const mot-clé, et leurs définitions peuvent consister en plusieurs lignes.

Comment accéder à une propriété présente à l'intérieur d'un objet?

Deux méthodes différentes peuvent être utilisées pour accéder et attribuer des propriétés à un objet en JavaScript:

• En utilisant le point ".»Opérateur
• En utilisant la syntaxe des carrés

Voici la syntaxe utilisée dans la méthode de l'opérateur de points:

Objet_name.nom de la propriété

La méthode de syntaxe pour le support carré est indiquée ci-dessous:

Object_name ['propriété_name']

Par exemple, si nous voulons accéder à la propriété âge dans notre objet utilisateur, Nous pouvons le faire de deux manières différentes:

const user =
Fname: "Mary" ,
Lname: "Jane" ,
Âge: 23 ,
ID: 01
;
console.journal (utilisateur.âge);
console.log (utilisateur ['Âge']);

Nous pouvons également modifier la valeur de la propriété en utilisant le objet_name.nom de la propriété et le object_name ['propriété_name'] syntaxe:

var user =
Fname: "Mary" ,
Lname: "Jane" ,
Âge: 23 ,
ID: 01
;
utilisateur.âge = 24;
console.journal (utilisateur.âge);
utilisateur ['Âge'] = 25;
console.log (utilisateur ['Âge']);

De même, les méthodes sont également accessibles de la même manière en utilisant l'opérateur de points.

Maintenant, nous allons ajouter une méthode à notre utilisateur objet.

const user =
Fname: "Mary" ,
Lname: "Jane" ,
Âge: 23 ,
ID: 01 ,
Année de naissance()
const date = newDate ();
Année = date.getlyear () - ceci.âge;
année de retour;

;
console.journal (utilisateur.Année de naissance());

Dans l'exemple donné ci-dessus, nous avons déclaré une méthode à l'intérieur de l'objet utilisateur. Cette méthode soustrait l'âge de l'utilisateur de l'année en cours pour retourner l'année de naissance de l'utilisateur.

Le 'ce' Le mot-clé dans l'exemple fait référence à l'objet qui possède le âge propriété. Ce mot-clé est utilisé pour accéder à la valeur d'une propriété dans un objet.

Les objets en JavaScript peuvent également être déclarés en utilisant le constructeur d'objets avec le nouveau mot-clé:

const user = newObject ();
// attribution des propriétés et des valeurs de propriété
utilisateur.fname = "marier";
utilisateur.lname = "Jane";
utilisateur.âge = 23;
utilisateur.id = 01;

Conclusion

En dehors des types de données primitifs, presque tout le reste en JavaScript est un objet. Le nouveau mot-clé peut convertir des types de données primitifs tels que les booléens, les nombres et les chaînes en objets (non recommandés).

JavaScript a des objets intégrés tels que Date et Mathématiques. Nous avons également la possibilité de créer nos propres objets personnalisés. Ce guide nous a appris à créer un objet et à l'attribuer à différentes propriétés, valeurs de propriété et méthodes. Nous avons également appris à accéder et à manipuler / modifier les propriétés et méthodes présentes dans un objet.