Konverter et objekt til en spørringsstreng ved hjelp av JavaScript

Å lage URL- og spørringsstrengparametere er en vanlig oppgave for JavaScript -programmerere. Å bruke et lagdelt objekt med nøkkelverdipar er dessuten en logisk metode for å lage spørringsstrengparametere. I JavaScript, for konvertering av et objekt til en spørringsstreng, bruk "toString ()”Metode for“UrlSearchParams ()”Konstruktør eller“Gjenstand.nøkler ()”Metode med“kart()”Og“bli med()”Metode brukes.

Denne artikkelen vil beskrive måtene for å konvertere objekter til spørringsstrenger ved hjelp av JavaScript.

Hvordan konvertere et objekt til en spørringsstreng ved hjelp av JavaScript?

For konvertering av et objekt til en spørringsstreng, bruk følgende metoder:

• ToString () Metode for UrlSearchParams () konstruktør
• Gjenstand.Keys () -metode med MAP () og Join () Metoder

La oss undersøke disse metodene individuelt!

Metode 1: Konvertering av et objekt til en spørringsstreng ved bruk av toString () Metode for UrlSearchParams () konstruktør

Bruke "toString ()”Metode for“UrlSearchParams”Grensesnitt for å konvertere objekter til spørringsstrenger fordi det er den mest enkle metoden. Det globale objektet inneholder URLSearchParams -klassen, som er en komponent i URL -modulen. “UrlSearchParams”Grensesnitt tilbyr effektive metoder for å samhandle med en URLs spørringsstreng i JavaScript. Den kan endre og legge til spørringsstrengparametere.

Syntaks

Følg den gitte syntaks for “UrlSearchParams”Grensesnitt:

Nye UrlSearchParams (objekt).toString ()

Her passerer “gjenstand”Til konstruktøren av“UrlSearchParams”Grensesnitt, som vil konvertere nøkkelverdiparene til en streng ved hjelp av“toString ()”Metode.

Returverdi

En streng som inneholder en spørringsstreng som er gyldig for innsetting i en URL, returneres av "UrlSearchParams ().toString ()”Metode.

Eksempel

Lag et objekt med egenskaper "Navn”,“alder”, Og“e -post”:

var objekt =
Navn: 'Mari',
Alder: 28,
E -post: '[email protected] '
;

Ring ToString () -metoden med UrlSearchParams () konstruktør ved å sende objektet som et argument til konstruktøren og lagre resultatet i variabelen “objString”:

const objString = '?' + Nye UrlSearchParams (objekt).toString ();

Skriv ut strengen på konsollen med "konsoll.Logg()”Metode:

konsoll.logg (objString);

Produksjon

Utgangen viser at objektet blir konvertert til strengen.

Metode 2: Konvertering av et objekt til en spørringsstreng ved hjelp av objekt.Keys () -metode med MAP () og Join () Metoder

En annen tilnærming for å konvertere et objekt til en streng er "Gjenstand.nøkler ()”Metode med“kart()”Og“bli med()”Metoder. “Gjenstand.nøkler ()”Metoden brukes til å hente utvalget av objektets nøkler. “kart()”Metode brukes til å iterere over matrisen, og“bli med()”Metode brukes til å bli med i alle resultatene av en ampersand”Og“Symbol.

Eksempel

Bruk kodelinjene for å konvertere et objekt til en spørringsstreng:

const objString = '?' + Objekt.nøkler (objekt).Kart (tast =>
return '$ Key = $ encodeuRicomponent (objekt [nøkkel])';
).bli med('&');

I koden ovenfor:

• Først må du få nøklene til objektet ved å bruke "Gjenstand.nøkler ()”Metode.
• Itererer deretter over utvalget av nøkler ved å bruke "kart()”Metode.
• Bruke "enkodeuricomponent ()”Metode for å kode spørringsparameterverdiene.
• Til slutt kan du bli med på alle resultatene ved å bruke "bli med()”Metode av en ampersand”Og”Symbol.

Produksjon

Det var den essensielle informasjonen relatert til konvertering av en streng fra et objekt ved hjelp av JavaScript.

Konklusjon

For å konvertere et objekt til en streng, bruk "toString ()”Metode for UrlSearchParams () -grensesnittet eller“Gjenstand.nøkler ()”Metode med kart () og bli med () metoder. Den andre tilnærmingen er egnet for å støtte gamle nettlesere, mens den første tilnærmingen brukes til nye nettlesere. Denne artikkelen beskriver måtene å konvertere objekter til spørringsstrenger ved å bruke JavaScript.