Konvertieren Sie ein Objekt mit JavaScript in eine Abfragebarstellung

Das Erstellen von URL- und Abfrage -String -Parametern ist eine gemeinsame Aufgabe für JavaScript -Programmierer. Darüber hinaus ist die Verwendung eines geschichteten Objekts mit Schlüsselwertpaaren eine logische Methode zum Erstellen von Abfragestöneparametern. Verwenden Sie in JavaScript für die Umwandlung eines Objekts in eine Abfragezeichenfolge die “tostring ()"Methode der"UrlSearchparams ()"Konstruktor oder der"Objekt.Schlüssel()”Methode mit“Karte()" Und "verbinden()”Methode werden verwendet.

In diesem Artikel werden die Möglichkeiten beschrieben, wie Objekte in JavaScript in Zeichenfolgen konvertieren können.

So konvertieren Sie ein Objekt mit JavaScript in eine Abfragebarstellung?

Verwenden Sie die folgenden Methoden zur Konvertierung eines Objekts in eine Abfragezeichenfolge:

• toString () Methode des UrlSearchparams () -Konstruktors
• Objekt.Keys () -Methode mit MAP () und join () Methoden

Lassen Sie uns diese Methoden einzeln untersuchen!

Methode 1: Umwandlung eines Objekts in eine Abfragezeichenfolge mithilfe von toString () Methode des UrlSearchParams () -Konstruktors

Verwenden Sie die “tostring ()"Methode der"UrlsearchparamsSchnittstelle zum Konvertieren von Objekten in Abfragen von Zeichenfolgen, da sie die einfachste Methode ist. Das globale Objekt enthält die UrlSearchParams -Klasse, die eine Komponente des URL -Moduls ist. Der "UrlsearchparamsDie Schnittstelle bietet effektive Methoden für die Interaktion mit einer Abfragezeichenfolge einer URL in JavaScript. Es kann Abfragestnparameter ändern und hinzufügen.

Syntax

Folgen Sie der angegebenen Syntax für “UrlsearchparamsSchnittstelle:

Neue urlSearchparams (Objekt).tostring ()

Hier passieren die “Objekt”Zum Konstruktor der“UrlsearchparamsSchnittstelle, mit der die Schlüsselwertpaare mit der “in eine Zeichenfolge konvertiert werdentostring ()" Methode.

Rückgabewert

Eine Zeichenfolge, die eine für das Einfügen in einer URL gültige Abfragezeichenfolge enthält, wird von der zurückgegebenUrlSearchparams ().tostring ()" Methode.

Beispiel

Erstellen Sie ein Objekt mit Eigenschaften “Name","Alter", Und "Email”:

var Object =
Name: 'Mari',
Alter: 28,
E -Mail: '[email protected] '
;

Rufen Sie die Methode toString () mit urlSearchparams () -Konstruktor auf, indem Sie das Objekt als Argument an den Konstruktor übergeben und das Ergebnis in der Variablen speichern “Objstring”:

const objstring = '?' + neue urlSearchparams (Objekt).toString ();

Drucken Sie die Zeichenfolge auf der Konsole mit dem “Konsole.Protokoll()" Methode:

Konsole.log (objstring);

Ausgang

Die Ausgabe zeigt, dass das Objekt erfolgreich in die Zeichenfolge konvertiert wird.

Methode 2: Konvertierung eines Objekts in einen Abfragebarium mithilfe von Objekt.Keys () -Methode mit MAP () und join () Methoden

Ein weiterer Ansatz, um ein Objekt in eine Zeichenfolge umzuwandeln, ist das “Objekt.Schlüssel()”Methode mit“Karte()" Und "verbinden()”Methoden. Der "Objekt.Schlüssel()Die Methode wird verwendet, um die Tasten des Objekts abzurufen. Der "Karte()"Methode wird zum Iterieren über das Array und das" verwendet "verbinden()"Methode wird verwendet, um alle Ergebnisse eines Verstärkers zu verbinden"&"Symbol.

Beispiel

Verwenden Sie die folgenden Codezeilen, um ein Objekt in eine Abfragebarstellung zu konvertieren:

const objstring = '?' + Objekt.Schlüssel (Objekt).MAP (KEY =>
return '$ key = $ Encodeuricomponent (Objekt [Schlüssel])';
).verbinden('&');

Im obigen Code:

• Holen Sie sich zunächst die Schlüssel des Objekts mit dem “Objekt.Schlüssel()" Methode.
• Dann über die Schlüsselscheibe mit dem "iterieren" iterierenKarte()" Methode.
• Verwenden Sie die “Encodeuricomponent ()Methode zur codierenden Abfrageparameterwerte.
• Schließlich schließen Sie alle Ergebnisse mit dem “beiverbinden()"Methode durch einen Verstärker"&Symbol.

Ausgang

Dies waren die wesentlichen Informationen, die sich auf die Konvertierung einer Zeichenfolge aus einem Objekt mit JavaScript beziehen.

Abschluss

Verwenden Sie die “, um ein Objekt in eine Zeichenfolge umzuwandeln, die“tostring ()Methode der Benutzeroberfläche urlSearchparams () oder der “Objekt.Schlüssel()Methode mit MAP () und join () Methoden. Der zweite Ansatz eignet sich für die Unterstützung alter Browser, während der erste Ansatz für neue Browser verwendet wird. In diesem Artikel wird beschrieben, wie Objekte in JavaScript in die Abfragesträge umwandeln können.