Maison  >  Article  >  interface Web  >  Comment Jquery réalise-t-il la conversion entre les objets Map, les tableaux et les objets

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

PHPz
PHPzoriginal
2023-04-07 09:02:511010parcourir

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);

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);

À 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);

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

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];

Par exemple :

var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
var myArray = [...myMap];
console.log(myArray); // [["apple", 2], ["orange", 3]]
  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);

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}
  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);

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}
  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));

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}

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!

Déclaration:
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