Konwertuj obiekt na ciąg zapytania za pomocą JavaScript

Tworzenie parametrów String URL i zapytania jest powszechnym zadaniem dla programistów JavaScript. Ponadto użycie obiektu warstwowego z parami kluczów jest logiczną metodą tworzenia parametrów ciągów zapytania. W JavaScript, do konwersji obiektu na ciąg zapytania, użyj „ToString ()„Metoda„Urlsearchparams ()”Konstruktor lub„Obiekt.Klucze()„Metoda z„mapa()" I "dołączyć()”Metoda jest stosowana.

W tym artykule opisano sposoby przekształcania obiektów w celu zapytania za pomocą JavaScript.

Jak przekonwertować obiekt na ciąg zapytania za pomocą JavaScript?

Do konwersji obiektu na ciąg zapytania użyj następujących metod:

• ToString () Metoda konstruktora urlsearchparams ()
• Obiekt.Metoda keys () z metodami map () i dołączania ()

Zbadajmy te metody indywidualnie!

Metoda 1: Konwersja obiektu na ciąg zapytania przy użyciu metody toString () konstruktora urlsearchparams ()

Użyj "ToString ()„Metoda„Urlsearchparams„Interfejs do przekształcania obiektów na struny zapytań, ponieważ jest to najprostsza metoda. Obiekt globalny zawiera klasę URLsearchParams, która jest składnikiem modułu URL. „„Urlsearchparams„Interfejs oferuje skuteczne metody interakcji z ciągiem zapytania URL w JavaScript. Może modyfikować i dodawać parametry ciągów zapytania.

Składnia

Postępuj zgodnie z podaną składnią do „Urlsearchparams" interfejs:

Nowe urlsearchparams (obiekt).ToString ()

Tutaj przekaż „obiekt„Do konstruktora„Urlsearchparams„Interfejs, który przekonwertuje pary wartości klucza na ciąg za pomocą„ToString ()" metoda.

Wartość zwracana

Ciąg zawierający ciąg zapytania prawidłowy do wstawienia w adresie URL jest zwracany przez „Urlsearchparams ().ToString ()" metoda.

Przykład

Utwórz obiekt o właściwościach „nazwa”,„wiek", I "e-mail”:

var object =
Imię: „Mari”,
Wiek: 28,
E -mail: '[email protected] '
;

Wywołaj metodę ToString () z konstruktorem URLsearchparams (), przekazując obiekt jako argument do konstruktora i przechowuj wynik w zmiennej ”objstring”:

const objString = '?' + nowe urlsearchparams (obiekt).ToString ();

Wydrukuj ciąg na konsoli za pomocą „konsola.dziennik()" metoda:

konsola.log (objString);

Wyjście

Dane wyjściowe pokazuje, że obiekt jest pomyślnie przekonwertowany na ciąg.

Metoda 2: Konwersja obiektu na ciąg zapytania za pomocą obiektu.Metoda keys () z metodami map () i dołączania ()

Innym podejściem do konwersji obiektu na ciąg jest „Obiekt.Klucze()„Metoda z„mapa()" I "dołączyć()”Metody. „„Obiekt.Klucze()”Metoda jest używana do pobierania tablicy kluczy obiektu. „„mapa()„Metoda jest stosowana do iteracji nad tablicą i„dołączyć()„Metoda jest stosowana do połączenia wszystkich wyników przez ampersand”I"symbol.

Przykład

Użyj poniższych wierszy kodu do konwersji obiektu na ciąg zapytania:

const objString = '?' + Obiekt.klucze (obiekt).mapa (klucz =>
return '$ key = $ encodeuuricomponent (object [key])';
).dołączyć('&');

W powyższym kodzie:

• Najpierw uzyskaj klucze obiektu za pomocą „Obiekt.Klucze()" metoda.
• Następnie iteruj ponad gamę klawiszy za pomocą „mapa()" metoda.
• Użyj "encodeuricomponent ()„Metoda kodowania wartości parametrów zapytania.
• Na koniec dołącz do wszystkich wyników za pomocą „dołączyć()„Metoda przez ampersand”I”Symbol.

Wyjście

To były podstawowe informacje związane z konwersją łańcucha z obiektu za pomocą JavaScript.

Wniosek

Aby przekonwertować obiekt na ciąg, użyj „ToString ()„Metoda interfejsu urlsearchparams () lub„Obiekt.Klucze()„Metoda z metodami MAP () i Join (). Drugie podejście jest odpowiednie do wspierania starych przeglądarek, a pierwsze podejście jest stosowane w nowych przeglądarkach. W tym artykule opisano sposoby konwersji obiektów na struny zapytania za pomocą JavaScript.