Trocar espaços de string por traços em JavaScript

Neste artigo você vai aprender a como trocar espaços de string por traços em JS, utilizando as funções da linguagem!

Trocar espaços de string por traços capa

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

Para substituir espaços por trações (dashes) em uma string vamos utilizar uma regex

Formação Claude Code
Formação Recomendada

Formação Claude Code

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

  • 120 aulas
  • 4 projetos
  • 9h 45min

Ela vai identificar todos os espaços e trocar pelos traços

Veja um exemplo prático:

const text = "Meu texto original";

const newText = text.replace(/\s+/g, '-');

console.log(newText); // "Meu-texto-original"

Veja que temos uma string com espaços entre as palavras, e depois a transformamos para traços entre palavras

Isso foi feito com o método replace, que aceita uma regex para identificar os padrões

Outra transformação que você pode querer, é colocar as letras todas em minúsculas

Para transformar espaços em traços e deixar a string toda em letras minúsculas, utilize:

const text = "Meu texto original";

const newText = text.replace(/\s+/g, '-').toLowerCase();

console.log(newText); // "meu-texto-original"

Desta maneira padronizamos a string para um formato muito comum

Deixe um comentário contando o que achou desta solução 🙂

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

Conclusão

Neste artigo você viu como trocar espaços de string por traços em JavaScript

Identificamos os espaços com uma expressão regular (regex) utilizando o método replace

No mesmo método colocamos os traços entre as palavras

Deseja programar de forma profissional? 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!

Escrito por | Matheus Battisti

Matheus Battisti
Fundador da Hora de Codar

Programador apaixonado pelo mundo das tecnologias, sempre buscando em aprender e se aprofundar em linguagens, frameworks e o que mais for necessário para executar um bom trabalho. Agora tem uma nova missão que é de passar seu conhecimento adiante para formar novos programadores e especializar mais os que já são.

Subscribe
Notify of
guest

0 Comentários
Oldest
Newest Most Voted

Formações

Formação Vibe Coding

Formação Vibe Coding

Do Prompt ao Produto: Crie Software Real com IA

  • 474 aulas
  • 20 projetos
  • 39h 27min

Blog | Mais populares