0 Compartilhamentos 738 Views 1 Comments

Criando um Slug a partir de uma String com JavaScript e Expressão Regular

21 de dezembro de 2017

Sem dúvida a geração de URLs Amigáveis (para os íntimos Slugs) pode se tornar uma árdua tarefa, justamente porque aqui no Brasil, onde temos uma língua de origem no latina, assim como outros países que possuem caracteres com acentos, letras diferentonas e algumas outras particularidades podemos facilmente estragar (literalmente) aquelas funções bonitas que vemos em desenvolvedores americanos-ingleses, etc…

Foi justamente por conta desse problema que precisei adaptar e dar um fork no GitHub neste código (que foi muito bem feito pelo Mathew) para tratar caracteres especiais.

E é exatamente com esta pequena função que eu tomei vergonha na cara e estreei (sim apenas no fim de 2017) no aclamado GitHub. Para quem quiser me seguir, meu user é gabrielfroes.

Fiz algumas adaptações, mas a principal foi a de tratar os caracteres especiais (incluindo aí as acentuações), mas também a de utilizar a função através do prototype String. Dessa forma temos uma função mais estilosa e mais prática.

Segue o código:

No GitHub você encontrará no endereço: https://gist.github.com/gabrielfroes/e90a53f96ed71fb201d133395003ada4

Um exemplo muito simples de utilização seria:

É isso, espero que essa função seja útil para vocês!

Carregando...

Você pode se interessar

Como planejar e construir um projeto de programação
Artigos
29 visualizações
Artigos
29 visualizações

Como planejar e construir um projeto de programação

Carlos L. A. da Silva - 19 de abril de 2021

O desenvolvedor full stack Peter Lynch revela seu método de preparação para qualquer projeto, de forma simples e direta para iniciantes e veteranos.

15 ferramentas de desenvolvimento para melhorar sua produtividade em 2021 sem gastar nada
Artigos
164 visualizações
Artigos
164 visualizações

15 ferramentas de desenvolvimento para melhorar sua produtividade em 2021 sem gastar nada

Carlos L. A. da Silva - 2 de abril de 2021

O cenário de desenvolvimento está em constante mudança e muitas vezes uma ferramenta nova pode agilizar muito seu trabalho.

A tecnologia por trás do deep fake de Deep Nostalgia
Artigos
161 visualizações
Artigos
161 visualizações

A tecnologia por trás do deep fake de Deep Nostalgia

Carlos L. A. da Silva - 22 de março de 2021

Serviço do My Heritage permite "animar" fotos do passado, trazendo vida para seus antepassados. Como isso é possível?

One Response

Deixe um Comentário

Your email address will not be published.

Mais publicações

Como se tornar um Engenheiro DevOps em 2021
Artigos
147 visualizações
147 visualizações

Como se tornar um Engenheiro DevOps em 2021

Carlos L. A. da Silva - 1 de março de 2021
Seus dados vazaram. E agora?
Artigos
127 visualizações
127 visualizações

Seus dados vazaram. E agora?

Carlos L. A. da Silva - 19 de fevereiro de 2021
Entendendo o elemento time em HTML 5
Artigos
144 visualizações
144 visualizações

Entendendo o elemento time em HTML 5

Carlos L. A. da Silva - 5 de fevereiro de 2021