Creare URL dinamici in Javascript

Sicuramente è capitato a tutti di dover creare degli URL dinamici in Javascript.

In pratica non facciamo altro che creare una stringa e concatenare i parametri.

Ad esempio:

const url = "https://www.sito.com/api/nome=" + encodeURI("gino") + "&cognome=" + encodeURI("gini");
console.log(url);

Di per se non è sbagliato, ma può portare ad errori di scrittura.

Oltre al fatto che non è comodissimo.

Possiamo usare l'oggetto URL per ottenere la stessa cosa in maniera più elegante:

const url = new URL("https://www.sito.com/api");
url.searchParams.set("nome", "gino");
url.searchParams.set("cognome", "gini");
console.log(url.toString());

Con searchParams.set impostiamo gli stessi valori di query string impostati prima; il risultato finale è lo stesso, ma il codice più leggibile.

Enjoy!