Como trocar espaços por underline em string com JavaScript

Neste artigo você verá como trocar espaços por underline em string com JavaScript, vamos utilizar uma regex para resolver o problema

Fala programador(a), beleza? Bora aprender mais sobre strings e expressões regulares com JavaScript!

Para resolver o nosso problema vamos aplicar uma regex no texto alvo

Formação Recomendada

Formação Claude Code

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

• 118 aulas
• 4 projetos
• 9h 33min

Conhecer formação

Esta expressão regular vai identificar todos os espaços em branco, e estará sendo executada em cima da função replace

O replace tem como papel substituir algo em um texto, com os espaços em brancos encontrados podemos mandar um segundo parâmetro

Que é o que queremos inserir em vez dos espaços, e então vamos mandar o underline

Veja um exemplo de código:

const myText = "Aqui está um texto"

const myTextUnderline = myText.replace(/ /g,"_");

console.log(myTextUnderline) // "Aqui_está_um_texto"

Aqui primeiramente temos um texto com espaços e depois aplicamos o trecho de código que expliquei anteriormente

E o resultado em myTextUnderline é uma frase separando as palavras pelo underline em vez dos espaços, assim concluimos nosso objetivo! 🙂

Conclusão

Neste artigo você aprendeu a como trocar espaços por underline em string com JavaScript

Utilizamos a função replace, que aceita dois argumentos

Primeiro mandamos uma regex que identifica os espaços em branco, e por segundo o underline, que é o que queremos injetar no texto

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!