Article image
Ricardo Almeida
Ricardo Almeida15/08/2023 01:48
Compartilhe

Usando a função REPLACE() em JavaScript

  • #JavaScript

REPLACE()

A função replace() é um método em JavaScript que é utilizado para substituir substrings em uma string por um novo valor ou substring. Em resumo ele permite que você encontre todas as ocorrências de uma determinada sequência de caracteres em uma string e as substitua por outra sequência de caracteres especificada.

Sintaxe:

A sintaxe básica da função replace() é a seguinte:

string.replace(searchValue, newValue);

Vamos entender o que cada parte do código acima:

  • string: A string original na qual você deseja realizar a substituição.
  • replace: nome da função javascript
  • searchValue: string que você deseja localizar para ser substituída.
  • newValue: nova string que substituirá a que foi localizada.

Exemplo utilizando expressão regular no "searchValue":

const stringOriginal = "Olá amigos! Olá Dio!";
const novaString = stringOriginal.replace(/Olá/g, "Oi");
console.log(novaString);

Veja a saída do código

 Oi amigos! Oi Dio!

Se você passar uma "expressão regular" no searchValue, todas as ocorrências correspondentes à expressão regular serão substituídas pelo newValue. Observe que na "stringOriginal" todas as palavras "Olá" foi substituída por "Oi" na saída do console.log

Na expressão regular veja que foi usado /Olá/g, onde o g significa "Combinação global". Existem outras flags como:

i - Ignora diferenças entre maiúsculas e minúsculas.

m - Combinação em várias linhas.

Exemplo utilizando string simples no "searchValue":

const stringOriginal = "Venha ser um desenvolvedor na Dio, e se torne um grande desenvolvedor de sucesso!";
const novaString = stringOriginal.replace("desenvolvedor", "programador");
console.log(novaString);

Veja a saída

Venha ser um programador na Dio, e se torne um grande desenvolvedor de sucesso!

Observe que agora ao utilizar uma "string simples" no searchValue, apenas a primeira ocorrência dessa string será substituída pelo newValue. Ou seja, apenas a primeira palavra "desenvolvedor" foi trocada por "programador"

Importante: Lembre-se de que a função replace() não modifica em nada a string original, ela retorna uma nova string com as substituições realizadas.

Conclusão

Em resumo, a função replace() em JavaScript é uma ferramenta poderosa que permite que você faça a manipulação de strings, possibilitando a substituição de substrings específicas por novos valores. Essa função oferece flexibilidade ao trabalhar com conteúdo textual, seja substituindo uma única ocorrência ou várias delas com o uso de expressões regulares. Através do uso adequado da função replace(), os desenvolvedores podem criar scripts mais eficientes para processar e transformar strings de maneira eficaz. No entanto, é importante lembrar que a função replace() não modifica a string original, mas sim retorna uma nova string com as substituições aplicadas. Seja para formatar dados, realizar correções ou realizar transformações complexas, a função replace() é uma ferramenta essencial no kit de ferramentas de manipulação de strings em JavaScript.

Para mais informações você pode consultar: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/String/replace

Compartilhe
Comentários (3)

IM

Idélio Mata - 24/08/2023 03:56

Vencedor. Parabens.

Ricardo Almeida
Ricardo Almeida - 15/08/2023 11:35

Obrigado Jair!

Jair Araújo
Jair Araújo - 15/08/2023 11:25

Parabéns pelo artigo Ricardo, ficou muito bom e bem explicado. Sucesso!