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

Introduction

Dans ce laboratoire, nous allons explorer la manière de convertir une chaîne de requête ou une URL en objet à l'aide de JavaScript. Nous utiliserons la méthode String.prototype.split() pour extraire les paramètres de l'URL, puis créer un objet à l'aide du constructeur URLSearchParams et le convertir en un tableau de paires clé-valeur. Enfin, nous utiliserons Array.prototype.reduce() pour convertir le tableau en un objet JavaScript. Ce laboratoire vous aidera à comprendre comment manipuler et extraire des données à partir d'URLs et de chaînes de requête en JavaScript.

Conversion d'une chaîne de requête en objet

Pour convertir une chaîne de requête ou une URL en objet, suivez ces étapes :

Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
Utilisez String.prototype.split() pour extraire les paramètres de l'url donnée.
Utilisez le constructeur URLSearchParams pour créer un objet et le convertir en un tableau de paires clé-valeur à l'aide de l'opérateur de propagation (...).
Utilisez Array.prototype.reduce() pour convertir le tableau de paires clé-valeur en un objet.

Voici le code pour convertir la chaîne de requête :

const queryStringToObject = (url) =>
  [...new URLSearchParams(url.split("?")[1])].reduce(
    (a, [k, v]) => ((a[k] = v), a),
    {}
  );

Utilisation de l'exemple :

queryStringToObject("https://google.com?page=1&count=10");
// {page: '1', count: '10'}

Sommaire

Félicitations ! Vous avez terminé le laboratoire sur la conversion d'une chaîne de requête en objet. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.