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

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 :

1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
2. Utilisez String.prototype.split() pour extraire les paramètres de l'url donnée.
3. 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 (...).
4. 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.