Como substituir ocorrências de uma String em JavaScript

Descubra a maneira adequada de substituir ocorrências de uma String em JavaScript, usando regex ou outras abordagens.

Javascript replace

Quem comanda o jogo aqui é o método Javascript replace. O método replace() procura uma string por um valor especificado, ou uma expressão regular, e retorna uma nova string onde os valores especificados são substituídos. Exemplo:

var str = "Let's eat something!";
var res = str.replace("eat", "code");
console.log(res); // Let's code something!

Substituir Ocorrências de uma String Usando Expressões regulares

Se você quer substituir todas as ocorrências de uma String este simples regex /<TERM>/g fará o trabalho:

String.replace(/<TERM>/g, '')

Esse código vai realizar uma substituição case sensitive. Ou seja ‘Code’ é diferente de ‘code’.

Aqui um exemplo onde substituo todas as ocorrências da palavra “code” da String text.

const text = 'I love code! Code is great'
const newStr = text.replace(/code/g, '')
console.log(newStr); //I love ! Code is great

Para realizar uma substituição case insensitive, ou seja, o método não vai diferenciar ‘code’ de ‘Code’, use a opção i no regex:

String.replace(/<TERM>/gi, '')

Exemplo:

const text = 'I love code! Code is great'
const newStr = text.replace(/code/gi, '')
console.log(newStr); //I love !  is great

Substituir Ocorrências de uma String Usando split and join

Uma alternativa, embora mais lenta do que a regex, é a utilização de duas funções JavaScript.

A primeira é split(), que trunca uma cadeia quando encontra um padrão (diferencia maiúsculas e minúsculas), e retorna um Array com os tokens:

Exemplo:

const text = 'I love code! Code is great'
const newStr = text.split('code')
console.log(newStr); //[ 'I love ', '! Code is great' ]
console.log(newStr[0]); // I love 
console.log(newStr[1]); // ! Code is great

Em seguida, você pode unir as partes da String utilizando a função join().

const finalStr = newStr.join('')
console.log(finalStr) // I love ! Code is great

Ou você pode simplesmente encadear tudo:

const text = 'I love code! Code is great'
const newStr = text.split('code').join('')
console.log(newStr) // I love ! Code is great

Você encontra mais exemplos na documentação oficial aqui.

Confira os outros tutorias sobre Javascript, e se inscreva na nossa newsletter pra receber novidades!

0 Comments