Como pegar o hostname de URL em JavaScript

Neste artigo você vai aprender a como pegar o hostname de URL em JS, ou seja, apenas o domínio da URL sem os parâmetro adicionais

Fala programador(a), beleza? Bora aprender mais sobre URLs em JavaScript!

É comum que a URL esteja com parâmetros adicionais ou com alterações de página

Formação Recomendada

Formação Claude Code

Domine Claude Code do absoluto zero até o avançado

• 114 aulas
• 4 projetos
• 9h 18min

Conhecer formação

Então precisamos dessa URL limpa, sem estes itens a mais

Exemplo:

• De: https://www.horadecodar.com.br/posts/search?q=teste

Para:

• www.horadecodar.com.br

Então como fazemo isso?

É simples, vamos utilizar a classe URL de JavaScript, onde vamos passar a URL completa para ele

Depois basta desestruturar o objeto gerado, buscando a propriedade hostname

Veja um exemplo de código:

const url = 'https://www.horadecodar.com.br/posts/search?q=teste';

const { hostname } = new URL(url);

console.log(hostname) // "www.horadecodar.com.br"

Veja que primeiramente temos a URL em uma variável, e depois passamos ela na nova instância da classe URL

Como dito antes, o objeto gerado é composto por várias propriedades e métodos que envolvem o trabalho com URL

Por isso desestruturamos apenas hostname, que é o que interessa

E você pode ver o resultado na última linha de código

Deixe um comentário contando o que achou deste artigo 🙂

Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:

Conclusão

No artigo de hoje você viu como pegar o hostname de URL com JavaScript

Utilizamos a classe URL, que foi instanciada com a URL alvo, composta por outros itens além do hostname

Depois utilizamos o destructuring para extrair apenas o que precisamos

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!

Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!