Convertir un objet en une chaîne de requête en utilisant JavaScript

La création de paramètres de chaîne URL et de requête est une tâche courante pour les programmeurs JavaScript. De plus, l'utilisation d'un objet en couches avec des paires de valeurs clés est une méthode logique pour créer des paramètres de chaîne de requête. Dans JavaScript, pour la conversion d'un objet en une chaîne de requête, utilisez le "toString ()«Méthode du«UrlSearchParams ()"Constructeur ou"Objet.clés()"Méthode avec"carte()" et "rejoindre()"La méthode est utilisée.

Cet article décrira les moyens de conversion d'objets en chaînes de requête en utilisant JavaScript.

Comment convertir un objet en une chaîne de requête en utilisant JavaScript?

Pour la conversion d'un objet en une chaîne de requête, utilisez les méthodes suivantes:

• Méthode toString () du constructeur UrlSearchParams ()
• Objet.Méthode Keys () avec MAP () et join () Méthodes

Examinons ces méthodes individuellement!

Méthode 1: Conversion d'un objet en une chaîne de requête en utilisant le constructeur ToString () du constructeur UrlSearchParams ()

Utilisez le "toString ()«Méthode du«UrlSearchParams”Interface pour convertir des objets en chaînes de requête car c'est la méthode la plus simple. L'objet global contient la classe UrlSearchParams, qui est un composant du module URL. Le "UrlSearchParams»L'interface offre des méthodes efficaces pour interagir avec une chaîne de requête d'une URL en JavaScript. Il peut modifier et ajouter des paramètres de chaîne de requête.

Syntaxe

Suivez la syntaxe donnée pour «UrlSearchParams”Interface:

Nouveau UrlSearchParams (objet).toString ()

Ici, passez le «objet"Au constructeur du"UrlSearchParams”Interface, qui convertira les paires de valeurs de clé en une chaîne en utilisant le«toString ()" méthode.

Valeur de retour

Une chaîne contenant une chaîne de requête valide pour l'insertion dans une URL est renvoyée par le «UrlSearchParams ().toString ()" méthode.

Exemple

Créer un objet avec des propriétés "nom","âge", et "e-mail»:

var objet =
Nom: 'Mari',
Âge: 28,
Courriel: 'Mari @ gmail.com '
;

Appelez la méthode toString () avec UrlSearchParams () Constructeur en passant l'objet en tant qu'argument au constructeur et en stockant le résultat dans la variable "objstring»:

const objstring = '?'+ Nouveau UrlSearchParams (objet).toString ();

Imprimez la chaîne sur la console à l'aide du «console.enregistrer()" méthode:

console.log (objstring);

Sortir

La sortie montre que l'objet est converti avec succès en chaîne.

Méthode 2: Conversion d'un objet en une chaîne de requête en utilisant l'objet.Méthode Keys () avec MAP () et join () Méthodes

Une autre approche pour convertir un objet en chaîne est le «Objet.clés()"Méthode avec"carte()" et "rejoindre()«Méthodes. Le "Objet.clés()«La méthode est utilisée pour récupérer le tableau des clés de l'objet. Le "carte()«La méthode est utilisée pour itérer sur le tableau, et le« «rejoindre()"La méthode est utilisée pour rejoindre tous les résultats par un ampère et"&"symbole.

Exemple

Utilisez les lignes de code ci-dessous pour convertir un objet en une chaîne de requête:

const objstring = '?'+ Objet.touches (objet).map (key =>
return '$ key = $ EncodeuRIComponent (objet [key])';
).rejoindre('&');

Dans le code ci-dessus:

• Tout d'abord, obtenez les clés de l'objet en utilisant le «Objet.clés()" méthode.
• Ensuite, itérez sur la gamme de clés en utilisant le «carte()" méthode.
• Utilisez le "EncodeuRIComponent ()”Méthode pour coder les valeurs des paramètres de requête.
• Enfin, rejoignez tous les résultats en utilisant le «rejoindre()"Méthode par un ampère et"&" symbole.

Sortir

C'était les informations essentielles liées à la conversion d'une chaîne à partir d'un objet utilisant JavaScript.

Conclusion

Pour convertir un objet en une chaîne, utilisez le «toString ()«Méthode de l'interface UrlSearchParams () ou« «Objet.clés()”Méthode avec Map () et Join () Méthodes. La deuxième approche convient pour soutenir les anciens navigateurs, tandis que la première approche est utilisée pour les nouveaux navigateurs. Cet article décrit les moyens de convertir des objets en chaînes de requête en utilisant JavaScript.