4 Dicas úteis de strings para JavaScript
Nesse post vou apresentar um compilado com 4 dicas úteis para manipular Strings no JavaScript, cada dica visa resolver um determinado problema usando o mais puro do vanilla JS, sem uso de lib third-party, enjoy it!
Criando slug strings usando regex
Se você precisar criar uma versão slug de uma string, exemplo, transformar a frase: 'Escrevendo JavaScript Melhor' em 'escrevendo-javascript-melhor', você pode facilmente cria a seguinte função:
Ou caso queira injetar essa função no objeto String, tornando-a uma função nativa para strings, faça o seguinte:
Extraindo conteúdo de string tags html
Se você estiver num cenário que necessite extrair somente conteúdo de uma string que contenha tags do html, você pode limpar essa string, removendo essas tags usando função replace() com os seguintes argumentos:
Pesquisando palavras nos atributos de um objeto
Essa dica é sensacional e bastante útil, com ela você pode percorrer e pesquisar se existe uma ocorrência de uma palavra dentro dos atributos de um objeto, e tudo isso pode ser feito em uma única linha, usando a combinação de Object.values().toString().includes(‘string de consulta’), entenda os detalhes:
Três maneiras de converter string para array
Atualmente existem três maneiras de aplicar String Splitting em uma única linha de código, esse conceito basicamente é sobre transformar uma string em um array de caracteres, as vantagens dessa técnica visa habilitar funções nativas de array para o uso em strings:
- Usando o clássico método String.prototype.split() com uma string vazia em seu argumento;
- Usando Array.from() com a string a ser manipulada em argumento;
- Utilizando spread operator no array;
Obs.: Todas as dicas desse post fazem parte do meu recente ebook JavaScript Dicas Incríveis pelo qual é um compilado de dicas e hacks para aplicar em JavaScript visando código enxuto de alta performance, pois vale a pena conhecer meu ebook para se aprofundar mais, aprendendo desde hacks antigos do ES5, até chegar em soluções modernas do ES6/7/8/9/10.
Link ebook: https://many.link/jsawesometips
Até a próxima pessoal e feliz ano novo!!!