Abfragezeichenfolge in Objekt

Einführung

In diesem Lab werden wir untersuchen, wie man eine Abfragezeichenfolge oder eine URL mithilfe von JavaScript in ein Objekt umwandeln kann. Wir werden die String.prototype.split()-Methode verwenden, um die Parameter aus der URL zu extrahieren, erstellen dann ein Objekt mit dem URLSearchParams-Konstruktor und konvertieren es in ein Array von Schlüssel-Wert-Paaren. Schließlich werden wir Array.prototype.reduce() verwenden, um das Array in ein JavaScript-Objekt umzuwandeln. Dieses Lab wird Ihnen helfen, zu verstehen, wie man in JavaScript Daten aus URLs und Abfragezeichenfolgen manipulieren und extrahieren kann.

Skills Graph

Umwandeln einer Abfragezeichenfolge in ein Objekt

Um eine Abfragezeichenfolge oder eine URL in ein Objekt umzuwandeln, folgen Sie diesen Schritten:

1. Öffnen Sie das Terminal/SSH und geben Sie node ein, um mit der Codeausführung zu beginnen.
2. Verwenden Sie String.prototype.split(), um die Parameter aus der angegebenen url zu extrahieren.
3. Verwenden Sie den URLSearchParams-Konstruktor, um ein Objekt zu erstellen und es mit dem Spread-Operator (...) in ein Array von Schlüssel-Wert-Paaren zu konvertieren.
4. Verwenden Sie Array.prototype.reduce(), um das Array von Schlüssel-Wert-Paaren in ein Objekt umzuwandeln.

Hier ist der Code, um die Abfragezeichenfolge umzuwandeln:

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

Beispielverwendung:

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

Zusammenfassung

Herzlichen Glückwunsch! Sie haben das Lab "Abfragezeichenfolge in Objekt" abgeschlossen. Sie können in LabEx weitere Labs absolvieren, um Ihre Fähigkeiten zu verbessern.