Como colocar variável em expressão regular em JavaScript

Neste artigo você vai aprender a como colocar variável em expressão regular, utilizando a linguagem JavaScript

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

As expressões regulares são uma poderosa ferramenta para trabalhar com texto em JavaScript.

Eles permitem que você procure e manipule padrões de caracteres em uma string de maneira flexível e eficiente.

Uma tarefa comum ao trabalhar com expressões regulares é incluir variáveis na expressão regular. Isso permite que você pesquise padrões específicos em um texto dinâmico.

Neste artigo, vamos explorar como colocar uma variável em uma expressão regular com JavaScript e examinar alguns exemplos comuns para ajudá-lo a entender como essa técnica pode ser usada em seu próprio código.

Criando uma Expressão Regular com Sintaxe Literal

Antes de incluir uma variável em uma expressão regular, precisamos criar a expressão regular propriamente dita.

A sintaxe literal é a forma mais comum de criar uma expressão regular em JavaScript.

A sintaxe é simples e usa barras para delimitar a expressão regular.

Por exemplo, suponha que desejamos criar uma expressão regular para pesquisar o texto “JavaScript” em uma string.

Podemos criar a expressão regular literal da seguinte maneira:

const regex = /JavaScript/;

Neste exemplo, a variável “regex” contém a expressão regular que usaremos para pesquisar a string. Note que as barras delimitam a expressão regular, e que “JavaScript” é o padrão que desejamos localizar.

Incluindo Variáveis em Expressões Regulares

Agora que temos a expressão regular, podemos incluir uma variável nela.

Existem várias maneiras de fazer isso, mas a maneira mais simples é concatenar a variável com a expressão regular.

Vamos dar uma olhada em um exemplo:

const texto = "JavaScript é uma linguagem poderosa";
const palavraChave = "poderosa";
const regex = new RegExp(palavraChave);
const resultado = texto.match(regex);

Neste exemplo, criamos uma variável “texto” que contém a string que desejamos pesquisar. Em seguida, criamos uma variável “palavraChave” que contém o padrão que desejamos localizar.

Então, criamos uma nova expressão regular com o construtor RegExp e passamos a variável “palavraChave” como um argumento.

Finalmente, usamos a função match() do objeto String para pesquisar a string “texto” usando a expressão regular.

Neste exemplo, a variável “resultado” conterá um array com todas as ocorrências da palavra “poderosa” na string “texto”.

Note que usamos o construtor RegExp para criar a expressão regular e passamos a variável “palavraChave” como um argumento.

Isso nos permite criar uma expressão regular dinâmica que usa a variável “palavraChave” como padrão de pesquisa.

Usando Variáveis em Substituições de Texto

A inclusão de variáveis em expressões regulares não se limita apenas à pesquisa de texto.

Também é possível usar variáveis em substituições de texto.

A substituição de texto é um recurso comum em expressões regulares que permite substituir padrões em uma string por outro padrão.

Vamos dar uma olhada em um exemplo:

const texto = "Olá, meu nome é Matheus. Qual é o seu nome?";
const meuNome = "Matheus";
const novoNome = "João";
const regex = new RegExp(meuNome, "g");
const resultado = texto.replace(regex, novoNome);

Neste exemplo, criamos uma variável “texto” que contém a string que desejamos pesquisar e substituir. Também criamos uma variável “meuNome” que contém o padrão que desejamos substituir.

Em seguida, criamos uma variável “novoNome” que contém o novo padrão que usaremos para substituir o padrão antigo.

Usamos o construtor RegExp para criar uma expressão regular dinâmica que usa a variável “meuNome” como padrão de pesquisa e a opção “g” para substituir todas as ocorrências na string “texto”.

Por fim, usamos a função replace() do objeto String para substituir todas as ocorrências do padrão “meuNome” na string “texto” pelo novo padrão “novoNome”.

Neste exemplo, a variável “resultado” conterá a string “Olá, meu nome é João. Qual é o seu nome?”.

Note que usamos o método replace() do objeto String para substituir todas as ocorrências do padrão “meuNome” pelo novo padrão “novoNome”.

Isso nos permite criar uma string dinâmica que usa a variável “novoNome” como novo padrão de substituição.

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

Conclusão

A inclusão de variáveis em expressões regulares em JavaScript é uma técnica poderosa que permite criar expressões regulares dinâmicas e flexíveis.

Ao usar variáveis em suas expressões regulares, você pode pesquisar e manipular padrões de caracteres em uma string de maneira eficiente e eficaz.

A sintaxe literal é a maneira mais comum de criar expressões regulares em JavaScript, e a concatenação de variáveis com expressões regulares é a maneira mais simples de incluir variáveis em suas expressões regulares.

Além disso, você também pode usar variáveis em substituições de texto para criar strings dinâmicas que mudam com base em padrões específicos.

Aprender a incluir variáveis em expressões regulares é uma habilidade valiosa para qualquer desenvolvedor JavaScript, e pode ajudá-lo a criar código mais eficiente e flexível.

Com um pouco de prática, você pode se tornar um especialista em trabalhar com expressões regulares em JavaScript.

Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.

Nosso principal objetivo é tornar você um dev no menor tempo possível, através de uma metodologia planejada nos mínimos detalhes, após formar muitos outros desenvolvedores.

Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!