Criando Slugs Amigáveis para URL com JavaScript

Introdução

Neste laboratório, exploraremos como converter uma string em um slug amigável para URL usando JavaScript. O processo envolve a normalização da string, convertendo-a para minúsculas e removendo caracteres especiais, seguido pela substituição de espaços, traços e sublinhados por hífens. Ao final deste laboratório, você terá uma função que pode gerar um slug a partir de qualquer string fornecida, tornando-o mais fácil de usar em URLs e outras aplicações web.

Função para Converter String em URL Slug

Para converter uma string em um slug que pode ser usado em uma URL, siga estes passos:

1. Abra o Terminal/SSH e digite node para começar a praticar a codificação.
2. Use os métodos String.prototype.toLowerCase() e String.prototype.trim() para normalizar a string.
3. Use o método String.prototype.replace() para substituir espaços, traços e sublinhados por -, e remover caracteres especiais.
4. Implemente o seguinte código:

const slugify = (str) =>
  str
    .toLowerCase()
    .trim()
    .replace(/[^\w\s-]/g, "")
    .replace(/[\s_-]+/g, "-")
    .replace(/^-+|-+$/g, "");

5. Teste a função com a entrada slugify('Hello World!'); e ela deve retornar a saída 'hello-world'.

Resumo

Parabéns! Você concluiu o laboratório de String para Slug. Você pode praticar mais laboratórios no LabEx para aprimorar suas habilidades.