Converti un oggetto in una stringa di query usando JavaScript

La creazione di parametri di stringa URL e query è un'attività comune per i programmatori JavaScript. Inoltre, l'uso di un oggetto a livello con coppie di valore chiave è un metodo logico per la creazione di parametri di stringa di query. In JavaScript, per la conversione di un oggetto in una stringa di query, usa il “accordare()Metodo del "UrlSearchParams ()"Costruttore o il"Oggetto.tasti ()Metodo "con"carta geografica()" E "giuntura()"Vengono utilizzati il ​​metodo.

Questo articolo descriverà i modi per convertire gli oggetti in corsi di corsi.

Come convertire un oggetto in una stringa di query usando JavaScript?

Per la conversione di un oggetto in una stringa di query, utilizzare i seguenti metodi:

• Metodo toString () del costruttore UrlSearchParams ()
• Oggetto.Metodo dei tasti () con metodi map () e join ()

Esaminiamo questi metodi individualmente!

Metodo 1: conversione di un oggetto in una stringa di query usando il metodo Tostring () del costruttore UrlSearchParams ()

Usa il "accordare()Metodo del "UrlsearchParams"Interfaccia per la conversione di oggetti in corsi di codi perché è il metodo più semplice. L'oggetto globale contiene la classe UrlSearchParams, che è un componente del modulo URL. IL "UrlsearchParams"L'interfaccia offre metodi efficaci per interagire con una stringa di query di URL in JavaScript. Può modificare e aggiungere parametri di stringa di query.

Sintassi

Segui la sintassi data per "UrlsearchParams"Interfaccia:

Nuovi UrlSearchParams (oggetto).accordare()

Qui, passa il "oggetto"Al costruttore del"UrlsearchParams"Interfaccia, che convertirà le coppie di valore chiave in una stringa usando"accordare()" metodo.

Valore di ritorno

Una stringa contenente una stringa di query valida per l'inserimento in un URL viene restituita dal "UrlSearchParams ().accordare()" metodo.

Esempio

Crea un oggetto con le proprietà "nome","età", E "e-mail":

var object =
Nome: 'Mari',
Età: 28,
Email: '[email protected]
;

Chiama il metodo Tostring () con il costruttore UrlSearchParams () passando l'oggetto come argomento al costruttore e memorizzare il risultato nella variabile "objstring":

const objstring = '?' + Nuovi UrlSearchParams (oggetto).accordare();

Stampa la stringa sulla console usando "console.tronco d'albero()" metodo:

console.registro (objstring);

Produzione

L'output mostra che l'oggetto viene convertito correttamente in stringa.

Metodo 2: conversione di un oggetto in una stringa di query usando l'oggetto.Metodo dei tasti () con metodi map () e join ()

Un altro approccio per convertire un oggetto in una stringa è il "Oggetto.tasti ()Metodo "con"carta geografica()" E "giuntura()"Metodi. IL "Oggetto.tasti ()"Il metodo viene utilizzato per recuperare l'array delle chiavi dell'oggetto. IL "carta geografica()"Il metodo viene utilizzato per ripetere l'array e il"giuntura()"Il metodo viene utilizzato per unirsi a tutti i risultati di un ampers e"E"simbolo.

Esempio

Utilizzare le righe seguenti del codice per convertire un oggetto in una stringa di query:

const objstring = '?' + Oggetto.tasti (oggetto).mappa (key =>
return '$ ~ key = $ encodeuricomponent (oggetto [key])';
).giuntura('&');

Nel codice sopra:

• Innanzitutto, ottieni le chiavi dell'oggetto usando "Oggetto.tasti ()" metodo.
• Quindi, iterare sopra l'array di chiavi usando il "carta geografica()" metodo.
• Usa il "encodeUricomponent ()"Metodo per codificare i valori dei parametri di query.
• Infine, unisciti a tutti i risultati usando il "giuntura()"Metodo di un ampers e"E"Simbolo.

Produzione

Queste erano le informazioni essenziali relative alla conversione di una stringa da un oggetto usando JavaScript.

Conclusione

Per convertire un oggetto in una stringa, utilizzare il “accordare()"Metodo dell'interfaccia UrlSearchParams () o"Oggetto.tasti ()"Metodo con i metodi Map () e Join (). Il secondo approccio è adatto per supportare vecchi browser, mentre il primo approccio viene utilizzato per i nuovi browser. Questo articolo descrive i modi per convertire gli oggetti in corsi di corde usando JavaScript.