Busca com espaço no nome

Olá, Ken! Tudo bem?

Em URLs, os espaços são geralmente substituídos pelo caractere "%20" ou são codificados de acordo com a convenção de codificação de URL. Portanto, ao construir URLs dinamicamente, é uma boa prática substituir espaços por "%20" ou usar a função encodeURIComponent em JavaScript para garantir que a URL seja válida e que os espaços não causem problemas, faça o teste jogue essa URL em uma guia e verá que o Navegador vai preencher os espaços automáticamente.

Em termos de código podemos fazer algo do tipo a fim de fazer isso de forma automática, então pensa em um site que joga para outra URL a partir de uma pesquisa por nome, exemplo:

var termoDeBusca = "Camila Fernanda Machado Alves";
var termoCodificado = encodeURIComponent(termoDeBusca);
var url = "http://localhost:3000/?q=" + termoCodificado;

console.log("Termo original: " + termoDeBusca);
console.log("Termo codificado: " + termoCodificado);
console.log("URL resultante: " + url);

Saída

Termo original: Camila Fernanda Machado Alves

Termo codificado: Camila%20Fernanda%20Machado%20Alves

URL resultante: http://localhost:3000/?q=Camila%20Fernanda%20Machado%20Alves

O encodeURIComponent é uma função em JavaScript que codifica um componente específico de uma URL. Ela substitui cada caractere que não correnpodem ou não é seguro, como o espaço, ele são representados por sequências de porcentagem seguidas por dois dígitos hexadecimais("%20"), basicamente o que o navegador faz por padrão.

Espero ter ajudado e reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!

Sucesso ✨

Um grande abraço e até mais!

Obrigado!