Como adicionar parâmetros a query string com JavaScript

Neste artigo você vai aprender a como adicionar parâmetros a query string em JavaScript, ou seja, aos valores que ficam na URL do navegador

Fala programador(a), bora aprender mais sobre query string e JavaScript!

Em JS temos um objeto chamado URLSearchParams, ao instanciá-lo conseguimos maniupar a query string

Nele vamos utilizar o método set, que recebe um nome de parâmetro e um valor

Após este processo o novo parâmetro será adicionado a query string

Veja o código necessário:

    const urlParams = new URLSearchParams(window.location.search);
    
    urlParams.set("name", "horadecodar");
    
    const param = urlParams.get("name")
    
    console.log(param) // horadecodar

Nas duas primeiras linhas instanciamos o objeto e também inserimos o parâmetro

Depois é feito o resgate, através do método get

Bem simples não é? 🙂

Conclusão

Neste artigo você viu como adicionar parâmetros a query string em JavaScript

Utilizamos o objeto URLSearchParams e os métodos set e get do mesmo

Com isso é possível fazer todo o processo que necessitamos!

Confira nossos cursos gratuitos no Youtube, com vídeos todos os dias! Se inscreva e ative o sininho para receber as notificações e aprender mais ainda sobre desenvolvimento web!

Veja também nosso catálogo de cursos na Udemy, todos com exercícios e projetos práticos, nas mais diversas tecnologias. O link acima contém um cupom de desconto para os cursos!