Comment Jquery réalise-t-il la conversion entre les objets Map, les tableaux et les objets

PHPz
Libérer: 2023-04-07 15:04:00
original
1007 Les gens l'ont consulté

Dans JQuery, nous rencontrons souvent des situations où nous devons parcourir des tableaux ou des objets. L'utilisation d'objets Map peut grandement faciliter nos opérations de parcours. Cet article expliquera l'utilisation des objets Map dans JQuery et les méthodes de conversion des objets Map en tableaux et objets.

1. L'utilisation d'objets Map dans JQuery

Les objets Map sont similaires aux "dictionnaires" ou aux "tables de hachage" dans d'autres langages de programmation et sont utilisés pour stocker des paires clé-valeur. L'objet Map dans JQuery se compose principalement de deux méthodes : set et get. La méthode

  1. set

set est utilisée pour ajouter des paires clé-valeur à l'objet Map. La syntaxe est la suivante :

Map.set(key, value);
Copier après la connexion

Parmi eux, key représente la clé à ajouter, et value représente la valeur à ajouter. Par exemple :

var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
Copier après la connexion

À l'heure actuelle, il existe deux paires clé-valeur dans myMap, à savoir "pomme" et "orange".

  1. méthode get

La méthode get est utilisée pour obtenir la valeur de la clé spécifiée à partir de l'objet Map. La syntaxe est la suivante :

Map.get(key);
Copier après la connexion

Parmi eux, key représente la clé pour obtenir la valeur. Par exemple :

var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
var appleNum = myMap.get("apple"); // appleNum等于2
Copier après la connexion

2. Conversion entre objets Map et tableaux et objets

Les objets Map sont très pratiques à utiliser dans JQuery, mais dans le développement réel, nous rencontrerons également des scénarios où nous devons convertir des objets Map en tableaux ou en objets. Voici comment mettre en œuvre ces conversions.

  1. L'objet Map est converti en tableau

L'objet Map est converti en tableau, ce qui peut être réalisé via l'opérateur spread dans ES6. La syntaxe est la suivante :

[...Map];
Copier après la connexion

Par exemple :

var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
var myArray = [...myMap];
console.log(myArray); // [["apple", 2], ["orange", 3]]
Copier après la connexion
  1. Mapper un objet à un objet

Mapper un objet à un objet, vous pouvez utiliser la méthode Object.fromEntries. La syntaxe est la suivante :

Object.fromEntries(Map);
Copier après la connexion

Par exemple :

var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
var myObj = Object.fromEntries(myMap);
console.log(myObj); // {apple: 2, orange: 3}
Copier après la connexion
  1. Convertir le tableau en objet Map

Convertir le tableau en objet Map, ce qui peut être réalisé en parcourant le tableau. La syntaxe est la suivante :

new Map(array);
Copier après la connexion

Parmi eux, array représente le tableau à convertir. Par exemple : l'objet

var myArray = [["apple", 2], ["orange", 3]];
var myMap = new Map(myArray);
console.log(myMap); // Map {"apple" => 2, "orange" => 3}
Copier après la connexion
  1. est converti en objet Map

l'objet est converti en objet Map, ce qui peut être obtenu en parcourant l'objet. La syntaxe est la suivante :

new Map(Object.entries(obj));
Copier après la connexion

Parmi eux, obj représente l'objet à convertir. Par exemple :

var myObj = {apple: 2, orange: 3};
var myMap = new Map(Object.entries(myObj));
console.log(myMap); // Map {"apple" => 2, "orange" => 3}
Copier après la connexion

3. Résumé

Cet article présente l'utilisation des objets Map dans JQuery, ainsi que les méthodes pour réaliser la conversion entre les objets Map, les tableaux et les objets.

L'utilisation d'objets Map peut stocker facilement des paires clé-valeur, et les méthodes de conversion peuvent nous aider à utiliser différents types de données dans différents scénarios. J'espère que cet article pourra aider les développeurs à mieux utiliser JQuery pour la programmation.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal