Carte vs objet en javascript

"Carte" et "Objet»Sont deux structures de données courantes en JavaScript utilisées pour stocker les paires de valeurs clés. Une carte est utilisée lorsque vous avez besoin d'une structure de données qui peut stocker n'importe quel type de données comme clé ou valeur et avoir besoin d'une collection commandée de paires de valeurs clés. Pendant que l'objet est utilisé lorsque vous n'avez besoin que de stocker les touches de chaîne.

Ce message expliquera la différence entre la carte et l'objet en javascript.

Comment définir un objet en javascript?

En JavaScript, un objet est une collection de propriétés, chacune avec une paire de valeurs clés. Le "clé" est le "nom», Et un«valeur«Est la« valeur »contre la clé. Les objets peuvent représenter des objets du monde réel, comme une voiture, une personne ou un compte bancaire. Ils peuvent également représenter des objets plus abstraits, comme un point mathématique dans l'espace, une couleur ou une date.

Syntaxe

Un objet peut être créé à l'aide de supports de notation d'objet littéral ou le constructeur d'objets. À l'aide de la notation littérale ou des supports, utilisez la syntaxe ci-dessous:

const objet =
valeur clé,
valeur clé

Création d'un objet utilisant le constructeur d'objets ou le «nouveau»Mot-clé, utilisez la syntaxe suivante:

const object = new object ();
objet.key = valeur;

Note: Gardez à l'esprit que les clés ou les noms des propriétés d'objet doivent être une chaîne.

Exemple 1: Créez un objet utilisant une notation littérale en javascript

Dans l'exemple suivant, nous créerons un objet appelé «stdobject«Utilisation de notation littérale ou de supports:

var stdObject =
Nom: «John»,
Âge: 18,
Rollno: 25,
Norme: 9

Imprimez l'objet sur la console:

console.log (stdObject);

Sortir

Exemple 2: Créez un objet utilisant un constructeur d'objets dans JavaScript

Ici, nous allons créer un objet utilisant le constructeur d'objets utilisant le «nouveau" mot-clé:

const stdObject = new Object ();

Maintenant, ajoutez les propriétés (valeur clé) des objets en utilisant le point (.) Notation:

stdobject.name = 'jodan';
stdobject.âge = 19;
stdobject.rollno = 15;
stdobject.standard = 10;

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

console.log (stdObject);

Sortir

Comment définir la carte en javascript?

En JavaScript, un «Carte"Est une structure de données qui contient des paires de valeurs clés similaires à un objet. Il vous permet d'associer les données aux clés et de récupérer les données plus tard en utilisant les clés. Les cartes peuvent être utilisées pour implémenter des dictionnaires, des tables de hachage et d'autres structures de données qui mappent les clés des valeurs.

Syntaxe

Pour initialiser une carte, utilisez la syntaxe suivante:

const map = new map ([
['valeur clé'],
['valeur clé']
]));

Vous pouvez également créer une carte à l'aide du constructeur de cartes ou en utilisant le nouvel opérateur, et définir des valeurs en utilisant le "ensemble()" méthode:

const map = new Map ();
carte.set («key», «valeur»);

Exemple: créez une carte en javascript

Dans l'exemple donné, nous créerons une carte en utilisant les deux syntaxes.

Créer une carte en utilisant la méthode d'initialisation. Ici, nous définirons les touches sous forme de chaîne pendant que vous pouvez définir des touches dans une carte en tout type:

const mapstd = newmap ([
['nom', 'John'],
[«Age», 18],
['rollno', 25],
['standard', 9],
]));

Ou créer une carte en appelant le constructeur de carte ou le nouveau mot-clé / opérateur:

const mapstd = new Map ();

Définissez des valeurs dans la carte dans une paire de valeurs clés en utilisant le "ensemble()" méthode:

mapstd.set ('name', 'John');
mapstd.set («Âge», 18);
mapstd.set ('rollno', 25);
mapstd.set ('standard', 9);

Pour imprimer la carte sur la console, utilisez le «Entrées ()«Méthode avec le«pour" boucle:

pour (const [clé, valeur] de MapStd.entrées ())
console.log ('$ key: $ value');

Ou pour accéder à la valeur de toute clé / propriété spécifique, utilisez le «obtenir()" méthode:

console.Log ("Le RollNo de" + Mapstd.get ('name') + "is" + mapstd.get ('rollno'));

La sortie indique toutes les propriétés de la carte et la valeur de la propriété spécifique:

Carte vs objet en javascript

La principale différence entre la carte et l'objet est la suivante:

Carte	Objet
Il a été introduit dans ECMAScript 6 en 2015.	JavaScript a introduit le type de données d'objet dans sa première version (ECMAScript 1) publié en 1997.
La carte permet des clés de tout type de données (e.g., objets, fonctions, nombres, etc.).	Les clés de l'objet doivent être des chaînes.
Les propriétés d'une carte sont accessibles en utilisant la méthode get ().	Les propriétés des objets sont accessibles en utilisant la notation de points ou la notation du support carré.
MAP a une propriété de taille intégrée pour retourner le nombre de paires de valeurs clés	L'objet n'a pas cette fonctionnalité.
La carte est itérable. Il permet une boucle à travers toutes les paires de valeurs clés en utilisant certaines méthodes intégrées telles que FOREACH (), Keys (), Values ​​() et Entrées ().	L'objet n'est pas itérable. Il est nécessaire d'utiliser des boucles ou des objets «for-in».Entrées () Méthode pour iteratiser les paires de valeurs clés.
La carte est commandée.	L'objet n'est pas ordonné.

Lorsque vous travaillez avec de petits ensembles de données, la différence de performances entre les cartes et les objets est négligeable, mais lorsque vous travaillez avec des ensembles de données plus importants, les cartes peuvent être plus rapides car elles sont optimisées pour les performances.

Quand la carte préfère-t-elle aux objets en javascript?

Lorsque vous devez stocker des paires de valeurs clés sous une forme commandée ou la valeur en tant que clé, tout type de données, tel que les nombres, les objets ou les symboles, utilisez le «utilisez le«Carte" Structure de données. Les objets seront utilisés lorsque vous aurez besoin d'utiliser des chaînes comme clés et lorsque vous n'avez besoin d'aucune des fonctionnalités des cartes. La différence de performance entre les cartes et les objets est négligeable tout en travaillant avec de petits ensembles de données, mais lorsque vous travaillez avec des ensembles de données plus importants, les cartes peuvent être plus rapides car elles sont optimisées pour les performances.

Conclusion

La carte et l'objet sont tous deux utilisés pour stocker les données sous forme de paires de valeurs clés en javascript, mais elles ont quelques différences. La carte est une structure de données plus puissante et flexible que l'objet, et est le choix préféré lorsque vous devez stocker les paires de valeurs clés qui doivent être commandées, avoir des clés de différents types de données ou avoir une propriété de taille. Ce message a expliqué la différence entre la carte et l'objet en javascript.