Aqui está uma forma:
String.prototype.replaceAll = String.prototype.replaceAll || function(needle, replacement) {
return this.split(needle).join(replacement);
};
É só colocá-lo antes de qualquer outro script que use replaceAll
. Use-o da seguinte da forma:
var novaString = 'foo bar foo'.replaceAll('foo', 'baz');
console.log(novaString); //"baz bar baz"
Embora colocar a função no protótipo seja bem cômodo, há algumas razões para não fazê-lo -- caso uma biblioteca, script ou nova especificação do ECMAScript defina um outro String.prototype.replaceAll
com assinatura ou comportamento diferentes haveria conflito. Podemos converter isto em uma simples função para sermos mais à prova de futuro:
function replaceAll(str, needle, replacement) {
return str.split(needle).join(replacement);
}
console.log( replaceAll('foo bar foo', 'foo', 'baz') ); //"baz bar baz"
Qual o problema com usar regex?
Nenhum, na verdade. Porém, acredito ser muito mais fácil trabalhar com strings. Caso você deseje criar um regex a partir de uma string arbitrária, é necessário escapar todos os meta-caracteres. Outro método utilizando regex:
String.prototype.replaceAll || (function() {
var regMetaChars = /[-\\^$*+?.()|[\]{}]/g;
String.prototype.replaceAll = function(needle, replacement) {
return this.replace(new RegExp(needle.replace(regMetaChars, '\\$&'), 'g'), replacement);
};
}());
Mas não é mais fácil escrever um regex literal?
Isto vai depender do seu caso de uso. Se você não tiver muito conhecimento sobre Regex, você poderá encontrar erros de sintaxe ou resultados inesperados se não escapar os meta-caracteres apropriadamente. Por exemplo:
'a.a'.replace(/./g, ','); //Qual o resultado?
Um usuário sem experiência com Regex esperaria "a,a"
, mas como o ponto final é um meta-caractere que representa uma classe de caracteres contendo todos caracteres (exceto quebras de linha), o resultado da expressão acima é ",,,"
. A regex correta seria /\./g
, o que substituiria apenas o caractere .
.
Mesmo que você tenha pleno conhecimento de todos meta-caracteres que precisam ser escapados, outro ponto importante é quando o texto a ser substituído (needle) é uma variável cujo conteúdo possa ser desconhecido. Então é necessário escapar todos possíveis meta-caracteres através de mais um replace
antes de passá-la ao construtor RegExp
(já que não é possível colocar uma variável dentro da sintaxe literal de objetos RegExp).
Portanto é mais fácil utilizar uma função quando seu caso de uso exigir algo mais complexo.
Não seria mais fácil simplesmente fazer um loop enquanto o needle é encontrado?
Exite um problema com o código do OP. Vamos colocá-lo em uma função e analisarmos:
function replaceAll(str, needle, replacement) {
var i = 0;
while ((i = str.indexOf(needle, i)) != -1) {
str = str.replace(needle, replacement);
}
return str;
}
O indexOf
e replace
de cada iteração começam a escanear a string a partir de seu início. Isto gera bugs em certos casos:
replaceAll('bbaa', 'ba', ''); //Qual o resultado?
Esperaríamos que o método encontrasse o needle (destacado entre colchetes) b[ba]a
, substituísse-o por uma string vazia, não encontrasse mais nenhum needle a parte da posição atual e retornasse ba
. No entanto, como o escaneamento recomeça do inicio da string a cada iteração, esta função encontra ba
uma segunda vez e o retorno é uma string vazia.
Para concertar isto é necessário passar o i
como o segundo argumento do indexOf()
(fromIndex
), e já que o replace()
não possui um parâmetro fromIndex
seria necessário substring
/substr
/slice
para simulá-lo, o que tornaria o código um pouco mais complexo, mas também funcional:
String.prototype.replaceAll = String.prototype.replaceAll || function(needle, replacement) {
var str = this,
i = 0,
l = needle.length;
while (~(i = str.indexOf(needle, i))) {
str = str.substr(0, i) + str.substr(i+l);
}
return str;
};