Heim > Web-Frontend > Front-End-Fragen und Antworten > Wie realisiert JQuery die Konvertierung zwischen Map-Objekten, Arrays und Objekten?

Wie realisiert JQuery die Konvertierung zwischen Map-Objekten, Arrays und Objekten?

PHPz
Freigeben: 2023-04-07 15:04:00
Original
1034 Leute haben es durchsucht

In JQuery stoßen wir häufig auf Situationen, in denen wir Arrays oder Objekte durchlaufen müssen. Die Verwendung von Kartenobjekten kann unsere Durchquerungsoperationen erheblich erleichtern. In diesem Artikel werden die Verwendung von Map-Objekten in JQuery und die Methoden zum Konvertieren von Map-Objekten in Arrays und Objekte erläutert.

1. Die Verwendung von Map-Objekten in JQuery

Map-Objekte ähneln „Wörterbüchern“ oder „Hash-Tabellen“ in anderen Programmiersprachen und werden zum Speichern von Schlüssel-Wert-Paaren verwendet. Das Map-Objekt in JQuery besteht hauptsächlich aus zwei Methoden: set und get.

  1. set-Methode

set-Methode wird verwendet, um Schlüssel-Wert-Paare zum Map-Objekt hinzuzufügen. Die Syntax lautet wie folgt:

Map.set(key, value);
Nach dem Login kopieren

Unter diesen stellt der Schlüssel den hinzuzufügenden Schlüssel und der Wert den hinzuzufügenden Wert dar. Zum Beispiel:

var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
Nach dem Login kopieren

Derzeit gibt es in myMap zwei Schlüssel-Wert-Paare, nämlich „Apfel“ und „Orange“.

  1. get-Methode

Die get-Methode wird verwendet, um den Wert des angegebenen Schlüssels vom Map-Objekt abzurufen. Die Syntax lautet wie folgt:

Map.get(key);
Nach dem Login kopieren

Unter diesen stellt key den Schlüssel zum Erhalten des Werts dar. Zum Beispiel:

var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
var appleNum = myMap.get("apple"); // appleNum等于2
Nach dem Login kopieren

2. Konvertierung zwischen Kartenobjekten und Arrays und Objekten

Kartenobjekte sind in JQuery sehr praktisch zu verwenden, aber in der tatsächlichen Entwicklung werden wir auch auf Szenarien stoßen, in denen wir Kartenobjekte in Arrays oder Objekte konvertieren müssen. So implementieren Sie diese Konvertierungen.

  1. Kartenobjekt wird in ein Array konvertiert

Kartenobjekt wird in ein Array konvertiert, was über den Spread-Operator in ES6 erreicht werden kann. Die Syntax lautet wie folgt:

[...Map];
Nach dem Login kopieren

Beispiel:

var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
var myArray = [...myMap];
console.log(myArray); // [["apple", 2], ["orange", 3]]
Nach dem Login kopieren
  1. Objekt zu Objekt zuordnen

Objekt zu Objekt zuordnen, Sie können die Methode Object.fromEntries verwenden. Die Syntax lautet wie folgt:

Object.fromEntries(Map);
Nach dem Login kopieren

Zum Beispiel:

var myMap = new Map();
myMap.set("apple", 2);
myMap.set("orange", 3);
var myObj = Object.fromEntries(myMap);
console.log(myObj); // {apple: 2, orange: 3}
Nach dem Login kopieren
  1. Array in Kartenobjekt konvertieren

Array in Kartenobjekt konvertieren, was durch Durchlaufen des Arrays erreicht werden kann. Die Syntax lautet wie folgt:

new Map(array);
Nach dem Login kopieren

Unter diesen stellt Array das zu konvertierende Array dar. Zum Beispiel: Das Objekt

var myArray = [["apple", 2], ["orange", 3]];
var myMap = new Map(myArray);
console.log(myMap); // Map {"apple" => 2, "orange" => 3}
Nach dem Login kopieren
  1. wird in ein Kartenobjekt konvertiert. Das Objekt

wird in ein Kartenobjekt konvertiert, was durch Durchqueren des Objekts erreicht werden kann. Die Syntax lautet wie folgt:

new Map(Object.entries(obj));
Nach dem Login kopieren

Unter diesen stellt obj das zu konvertierende Objekt dar. Zum Beispiel:

var myObj = {apple: 2, orange: 3};
var myMap = new Map(Object.entries(myObj));
console.log(myMap); // Map {"apple" => 2, "orange" => 3}
Nach dem Login kopieren

3. Zusammenfassung

In diesem Artikel werden die Verwendung von Map-Objekten in JQuery sowie Methoden zum Realisieren der Konvertierung zwischen Map-Objekten, Arrays und Objekten vorgestellt.

Durch die Verwendung von Kartenobjekten können Schlüssel-Wert-Paare bequem gespeichert werden, und Konvertierungsmethoden können uns dabei helfen, unterschiedliche Datentypen in verschiedenen Szenarien zu verwenden. Ich hoffe, dass dieser Artikel Entwicklern helfen kann, JQuery besser für die Programmierung zu nutzen.

Das obige ist der detaillierte Inhalt vonWie realisiert JQuery die Konvertierung zwischen Map-Objekten, Arrays und Objekten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage