JavaScript replace(): substituindo valores em uma string
Nesta documentação de JavaScript veremos como utilizar o método replace(), que permite substituir uma sequência de caracteres por outra.
JavaScript replace()
Nesta documentação de JavaScript
veremos como utilizar o método replace(),
que permite substituir uma sequência de caracteres por outra.
Apresentaremos aqui como utilizar o método replace().
JavaScript replace(): Na prática
// Valor retornado: “Curso de PHP na DevMedia!”
exemplo = "Curso de JavaScript na DevMedia!";
resultado = exemplo.replace("JavaScript", "PHP");
// Valor retornado: “Curso de PHP na DevMedia! JavaScript também.”
exemplo = "Curso de JavaScript na DevMedia! JavaScript também.";
resultado = exemplo.replace("JavaScript", "PHP");
// Valor retornado: “Estudando PHP! PHP é uma linguagem dinâmica”
exemplo = "Estudando JavaScript! JavaScript é uma linguagem dinâmica";
resultado = exemplo.replace(/JavaScript/g, "PHP");
// Valor retornado: “Aprendendo JavaScript. JavaScript é na DevMedia”
exemplo = "Aprendendo Javascript. JAVAScript é na DevMedia ";
resultado = exemplo.replace(/javascript/gi, "JavaScript");
// Valor retornado: “texto 1 <i> texto 2 </i> texto 3 <i> texto 4 </i>”
stringExemplo = " texto 1 <b> texto 2 </b> texto 3 <b> texto 4 </b>";
stringExemplo = stringExemplo.replace(/<b>/g , "<i>");
resultado = stringExemplo.replace(/<\/b>/g, "</i>");
// Valor retornado: “Contrato no valor de R$ 1050.
// Lucro de R$ 210 para a empresa.”
string = "Contrato no valor de R$ 1000. Lucro de R$ 200 para a empresa.";
resultado = string.replace(/\d+/g, function aplicarIndice(x){
x = x*1.05;
return Math.floor(x);});
Como funciona o replace()?
O método replace() percorre toda a string em busca da sequência de caracteres a ser
substituída. Caso essa sequência de caracteres não seja encontrada, nenhuma
substituição é realizada; caso seja encontrada, uma nova string, com a
substituição feita, é devolvida pelo método.
Em caso de mais de uma string a ser substituída, replace() substituirá apenas a primeira
delas. Caso seja necessário substituir todas, deve-se utilizar uma expressão
regular no primeiro parâmetro.
Considerando o seguinte código:
var exemplo = "Aprendendo JavaScript na DevMedia!";
var resultado = exemplo.replace("JavaScript", "PHP");
O valor atribuído à variável
resultado será: “Aprendendo PHP na
DevMedia!”, conforme a Figura 1.
Figura 1.
Funcionamento do método replace()
No exemplo a seguir demonstramos como
executar uma função para substituir/atualizar um valor presente em uma string.
var string = "Contrato no valor de R$ 1000.
Lucro de R$ 200 para a empresa.";
var resultado = string.replace(/\d+/g, function aplicarIndice(x) {
x = x*1.05;
return Math.floor(x);});
O valor atribuído a resultado é: “Contrato no valor de R$
1050. Lucro de R$ 210 para a empresa.”.
O método replace() recebeu uma expressão regular no primeiro parâmetro que
identificará qualquer número presente na string e como segundo parâmetro
recebeu uma função. Essa função atualizará o valor numérico identificado e o
multiplicará por 1.05.
