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
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!