Comment créer un dictionnaire en javascript avec des paires de valeurs clés?

La plupart du temps, les bases de données sont utilisées pour stocker une grande quantité de données pour l'utiliser plus tard ou pour enregistrer l'état de l'application, mais il est nécessaire de stocker les données localement à l'intérieur du code pour l'utiliser plus tard. Par conséquent, les langages de programmation ont des types de données standard qui sont vraiment utiles pour atteindre de telles fonctionnalités sans utiliser la base de données.

Besoin de paires de valeurs clés

Ainsi, à cet effet, JavaScript utilise des tableaux et des objets pour stocker certains enregistrements à l'intérieur du code. Contrairement à d'autres langages de programmation, JavaScript n'a aucun type exact à appeler un dictionnaire, mais il a un type diversifié qui est appelé objet dans JavaScript. L'objet de JavaScript est assez flexible car vous pouvez l'utiliser dynamiquement où vous voulez. La plupart du temps, les objets sont largement utilisés pour les données car ils peuvent être facilement utilisés plus tard dans le code.

Objet

Les objets sont également les mêmes que les dictionnaires dans d'autres langages de programmation que les objets se composent également des paires de valeurs clés et que les dictionnaires sont également basés sur cette structure de formation de paires de valeurs clés. Vous pouvez attribuer une clé à une valeur spécifique pour y accéder plus tard.

Dans cet article, nous allons voir comment nous pouvons créer des dictionnaires en javascript et comment nous pouvons facilement y manipuler certaines données avec l'aide de certains exemples.

Comment créer un dictionnaire / objet en javascript

Parce que les dictionnaires ne sont pas les types de données traditionnels de javascript, nous les utilisons donc de la même manière pour créer les dictionnaires que nous déclarons les objets et initialions certaines valeurs.
Prenons un exemple pour créer l'objet.

Exemple

Laissez myFirstObject = new Object ();
// ou le sténographie
Laissez myFirstObject =
FirstName: 'Mark',
LastName: 'Fonso',
Âge: 20

console.Log ('Le type de la variable est:', typeof (myFirstObject), et ses valeurs sont: ', myFirstObject)

Il existe deux façons de base à travers lesquelles vous pouvez créer un objet en JavaScript, le premier est en déclarant le nom de l'objet qui, dans notre cas, est «MyFirstObject»Puis créant son instance en initialisant un Nouveau objet ().

La deuxième façon est considérée comme une méthode du sténographie qui est de simplement déclarer le nom de l'objet et de lui attribuer quelques paires de valeurs clés pour faire comprendre à l'interprète que oui c'est un objet.

Sortir:

Ici, vous pouvez voir que le type d'objet est un objet comme je l'ai dit qu'il n'y a pas de type de données traditionnel appelé objet, donc les objets JavaScript sont traités comme des objets dans certains cas.

Prenons un autre exemple de création d'un nouvel objet dans l'exemple ci-dessous

Exemple

Laissez expobject =
Firstname: "John Doe",
"Ten": 10,
10: "Tout entier",
"Expérience": 0
;
console.log ('type:', typeof (exbject), '\ n', 'valeurs:', expobject)

Ici, dans l'exemple ci-dessus, nous avons créé et initialisé un nouvel objet avec le nom expobjecter et la console l'a connectée dans le terminal tout en vérifiant son type de données et en affichant les valeurs à l'intérieur.

Comme vous pouvez le voir dans l'écran de sortie ci-dessus que le type est affiché comme un objet tandis que ses valeurs sont également affichées dans le terminal de sortie comme nous nous attendions.

Attribuer des valeurs aux touches d'objet

Nous avons réussi à créer notre objet, vérifions maintenant les valeurs en utilisant le clé Noms dans l'exemple ci-dessous;

Cela peut être accompli en utilisant la propriété indexer de l'objet pour définir les valeurs, ou en l'utilisant directement comme s'il s'agissait d'une propriété normale sur l'objet. Les valeurs clés peuvent être n'importe quel objet, pas seulement des chaînes:

Laissez expobject =
Firstname: "John Doe",
"Ten": 10,
10: "Tout entier",
"Expérience": 0
;
Expobject ["Ten"] = 20;
Expobject [10] = "vingt";
Expobject ["Experience"] = 22;
console.log ('type:', typeof (exbject), '\ n', 'valeurs:', expobject)
// Affecter directement la propriété
diction.FirstName = "John Doe";

Ici, dans l'exemple ci-dessus, nous avons créé un objet et plus tard, nous avons attribué les valeurs exclusivement aux propriétés ou touches spécifiques de l'objet en utilisant la méthode d'index.

Sortir

Vous pouvez maintenant voir clairement dans l'écran de sortie fourni ci-dessus que les valeurs ont été mises à jour dans l'objet.

Attribution de valeurs à l'objet à l'aide de l'opérateur de points (affectation directe)

Jusqu'à présent, nous avons discuté de la façon dont nous pouvons créer des objets et comment nous pouvons attribuer certaines valeurs aux propriétés de l'objet en utilisant la méthode d'indexer, ici dans l'exemple ci-dessous, nous verrons comment nous pouvons utiliser un opérateur de points pour attribuer certaines valeurs aux propriétés de l'objet.

Exemple

Laissez expobject =
Firstname: "John Doe",
"Ten": 10,
10: "Tout entier",
"Expérience": 0
;
expobjecter.Dix = 20;
expobjecter.expérience = 10;
expobjecter.FirstName = 'Mark Huggy';
console.log ('type:', typeof (exbject), '\ n', 'valeurs:', expobject)

Ici, dans l'exemple ci-dessus, nous créons un objet et plus tard, nous attribuons certaines valeurs à ses propriétés en utilisant l'opérateur de points ou vous pouvez dire une affectation directe en d'autres termes.

Vous pouvez voir que les valeurs ci-dessus sont mises à jour dans l'objet.

Itération de paires de valeurs clés de l'objet

Nous allons maintenant discuter de l'itération des paires de valeurs clés.

Exemple
Ici, dans l'exemple suivant, nous créerons un objet, puis nous traverserons chaque clé de l'objet et afficherons la valeur par rapport à chaque clé de l'objet:

Laissez expobject =
Firstname: "John Doe",
"Ten": 10,
10: "Tout entier",
"Expérience": 0
;
pour (let Key dans Expobject)
Selt Value = Expobject [Key];
console.log (valeur);

Sortir

Les valeurs sont affichées contre chaque clé à l'aide d'une boucle pour une boucle

Accès direct aux paires de clés / valeur

Identique à une affectation directe, nous pouvons également accéder directement aux valeurs de l'objet à l'aide d'un opérateur de points et l'affecter à une autre variable pour une utilisation ultérieure. Voyons dans l'exemple ci-dessous:

Laissez expobject =
Firstname: "John Doe",
"Ten": 10,
10: "Tout entier",
"Expérience": 0
;
Selt First_name = Exbject.prénom;
expobjecter.FirstName = "Mark Christonson";
console.log ('Old Name:', premier_name, '\ nnew name:', Expobject.prénom )

Ici, dans l'exemple ci-dessus, nous avons créé un objet et plus tard, nous avons attribué son ancien prénom valeur pour le prénom variable et mise à jour la valeur du prénom en utilisant la méthode d'attribution directe. Plus tard, nous avons affiché l'ancien et les nouvelles valeurs à l'écran

Sortir:

Vous pouvez voir les champs anciens et nouveaux noms de l'écran de sortie ci-dessus.

Conclusion

Le dictionnaire n'est pas le type de données traditionnel du langage de programmation JavaScript, mais les objets peuvent être traités comme des dictionnaires dans certains cas. Vous pouvez créer un objet à travers deux façons différentes, l'une consiste à la déclarer et à l'initialiser en utilisant le Nouveau objet () Méthode et la seconde est le sténographie en déclarant simplement et en y attribuant des paires de valeurs clés. Dans cet article, nous avons parcouru les deux méthodes en détail et nous avons discuté de la façon dont nous pouvons attribuer et récupérer des valeurs en utilisant des méthodes d'attribution directe et d'indexation.