Les objets JavaScript expliqués

Les objets JavaScript sont l'implémentation de l'objet du monde réel dans un langage de programmation, tout en javascript est un objet. JavaScript est un langage de programmation qui est souvent confondu avec un langage de programmation basé sur la classe, mais en réalité, c'est un langage de programmation basé sur des objets.

Les objets dans JavaScript sont utilisés pour imiter le comportement des objets du monde réel; Par exemple, un fruit a ses propriétés comme le nom, la couleur, la forme, le goût et la saison. En JavaScript, vous pouvez définir cette entité «fruit» contre ses paires de valeurs clés, les clés étant les propriétés et les valeurs étant les valeurs réelles de cette propriété.

UN objet de fruit en javascript.

fruit =
Nom: "Apple",
Forme: "circulaire",
Goût: "Surtout sucré mais aussi amer",
Saison: "All Seasons"

Vous différenciez une clé et une valeur en mettant un côlon «:» entre eux, et vous mettez une virgule entre différentes paires de valeurs clés. Ce modèle ou la structure de définition d'une entité du monde réel est similaire à un objet JSON et c'est parce que le JSON est basé sur la définition d'objet JavaScript.

Objets et propriétés JavaScript

La création ou la définition d'un objet peut être effectuée de deux manières:

• En utilisant le «nouveau" mot-clé
• En utilisant le frisé " " Pour enfermer les paires de valeurs clés

Création d'un objet JS en utilisant le nouveau mot-clé

Le «nouveau» mot clé signifie créer une nouvelle instance du constructeur d'un objet. Pour créer un objet utilisant le «nouveau» mot clé, vous créez une variable, puis le mettez égal au constructeur d'objets avec le «nouveau» mot-clé; et ajouter des paires de valeurs clés en utilisant le «dot-opérateur".

Syntaxe

variableName = new Object (); // crée une instance de l'objet
Nom de variable.PropertyName = PropertyValue; // donne une paire de valeurs clés à l'objet

Vous pouvez créer un objet d'une personne ayant les propriétés: prénom, nom de famille, âge et travail avec les lignes de code suivantes:

var personne = nouveau objet ();
personne.FirstName = "John";
personne.LastName = "Doe";
personne.âge = 27;
personne.job = "auditeur";

La première instruction crée une variable avec l'identifiant «personne» et appelle le constructeur objet () en utilisant le «nouveau" mot-clé.

Les quatre déclarations suivantes sont utilisées pour définir 4 propriétés ou des paires de «valeurs clés» de l'objet. Le nom de la propriété est écrit avec l'identifiant de l'objet en utilisant un «dot-opérateur», Et la valeur de l'opérateur est donnée après l'opérateur d'affectation«=".

Vous pouvez imprimer cet objet que vous venez de créer en utilisant l'énoncé suivant:

console.journal (personne);

Lors de l'exécution du code, vous obtiendrez la sortie:

L'objet est imprimé sur la console et vous pouvez voir clairement les paires de valeurs clés.

Création d'un objet JS à l'aide de supports bouclés

Une autre manière de créer JavaScript est de créer une variable et de la définir égale à des paires de valeurs clés (qui sont enfermées à l'intérieur des accolades bouclées), ceci est connu sous le nom de définition d'un objet utilisant la syntaxe littéral-objet.

Syntaxe

variablename = PropertyName: PropertyValue;

Vous pouvez créer le même objet de personne avec les mêmes propriétés en utilisant la syntaxe littérale:

var personne =
Firstname: "John",
LastName: "Doe",
Âge: 27,
Emploi: "Auditeur",
;

Vous définissez la variable «personne» égale aux paires de valeurs clés qui sont enfermées à l'intérieur des accolades bouclées . Chaque paire de valeurs clés est séparée par une virgule "," Les clés et les valeurs sont séparées par un côlon «:»

Vous pouvez imprimer la paire de valeurs clés de cet objet sur la console avec les commandes suivantes.

console.journal (personne);

Lorsque vous avez exécuté cet extrait de code, vous voyez la sortie suivante:

Vous pouvez voir les paires de valeurs clés sur la console, les valeurs de chaîne sont enfermées à l'intérieur des guillemets et les valeurs entières ne sont entourées de rien.

Récupérer les valeurs des propriétés de l'objet

Vous pouvez obtenir des valeurs de la propriété de l'objet en utilisant deux façons:

L'une consiste à utiliser la syntaxe de points simple:

nom d'objet.nom de la propriété;

La deuxième façon consiste à utiliser le tableau d'accès à la syntaxe comme:

ObjectName ["PropertyName"];

Prenez l'objet personne des exemples ci-dessus que nous avons créés avec le code suivant:

var personne =
Firstname: "John",
LastName: "Doe",
Âge: 27,
Emploi: "Auditeur",
;

Nous pouvons accéder à ses propriétés en utilisant les deux moyens suivants:

console.journal (personne.prénom);
console.log (personne ["LastName"]);

La première instruction accède à la valeur à l'aide de l'opérateur de points; La deuxième instruction accède à la valeur en utilisant les méthodes de tableau, la sortie du code serait:

C'est tout sur les objets javascript.

Conclusion

Les entités du monde réel peuvent tous être représentés dans le langage de programmation JavaScript avec leurs propriétés en utilisant le Objets, qui définit les propriétés d'une entité en utilisant un valeur clé paire. Nous avons appris comment un objet fonctionne en JavaScript, comment créer un objet en utilisant différentes méthodes et comment récupérer les données d'un objet à l'aide d'exemples dans lesquels nous avons converti un objet réel en un objet de langage de programmation.