Home / Questions / 49125
Accepted
Gepser Hoil
Asked: 2020-02-13 19:31:59 +0800 CST 2020-02-13 19:31:59 +0800 CST

如何从Javascript中的字符串中删除或替换所有子字符串？

  • 772

从最初的 SO 问题如何替换 JavaScript 中所有出现的字符串？

例如，如果我有这样的字符串：

var str = "Test abc test test abc test test test abc test test abc";

我这样做：

str = str.replace('abc', '');

它只删除第一次出现的abc，如何删除所有子字符串abc？

javascript

4 Answers

  1. Best Answer

    简短的回答

    使用带 g 参数的正则表达式(RegExp)，全局搜索

    分段

    /**
 * Ejemplo simple
 *
 */
var cadena = "Test abc test test abc test test test abc test test abc";
var re = /abc/g;
var resultado = cadena.replace(re, '');
console.log(resultado);

    观察

    正则表达式并非微不足道，因为某些字符会影响正则表达式的解释方式。这些处理必须仅应用于安全字符串，否则在处理之前应将其转义。这是一个更完整的例子。

    /**
 * Ejemplo simple modificado
 *
 */

// Tomado de 
// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions
function escapeRegExp(string) {
  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); 
}

// Cadena a procesar
var cadena = "Test abc test test abc test test test abc test test abc";

// Simular entrada de usuario
var entradaUsuario = "abc";

// Aplicar la función para escapar la entrada de usuario
var re = new RegExp(escapeRegExp(entradaUsuario),'g');

// Aplicar reemplazo
var resultado = cadena.replace(re, '');

// Imprimir en la consola el resultado
console.log(resultado);

    字体

    响应如何替换 JavaScript 中所有出现的字符串？

    也可以看看

    • 15

  2. String.replace()接受字符串或RegExp对象作为其第一个参数。

    如果你想替换 all "abc"，你所要做的就是使用带有/g( global ) 修饰符的正则表达式，它表示所有出现的地方都被替换了。

    resultado = str.replace(/abc/g, '');

    如果要忽略大小写，请使用修饰符/i（忽略大小写）：

    resultado = str.replace(/abc/gi, '');


    您应该只考虑转义特殊字符，在它们前面加上\. 例如，要替换"abc."，正则表达式将是/abc\./g。特殊字符是：

    \   ^   $   .   |   ?   *   +   (   )   [   {

    并在替换中，$以$$.


    这在以安全方式转义用户输入以由 JavaScript 中的正则表达式处理中进行了解释


    一般情况：

    这同样适用于一般情况，替换任何子字符串，并转义所有特殊字符。

    function reemplazarTodos( texto, reemplazarQue, reemplazarCon, ignorarMayMin){
  var reemplazarQue = reemplazarQue.replace(/[\\^$.|?*+()[{]/g, "\\$&"),
      reemplazarCon = reemplazarCon.replace(/\$(?=[$&`'\d])/g, "$$$$"),
      modif = "g" + (ignorarMayMin ? "i" : ""),
      regex = new RegExp(reemplazarQue, modif);
  
  return texto.replace(regex,reemplazarCon);
}


//Prueba
var texto = "--abc.--abc.---abcX---AbC.",
    resultado1 = reemplazarTodos(texto, "abc.", "def"),
    resultado2 = reemplazarTodos(texto, "abc.", "def", true);
console.log(texto, "⟶", resultado1);
console.log(texto, "⟶", resultado2);

    • 6

  3. 不建议扩展原始类型 ( built-in prototype) 的原型，但为了展示不同的解决方案，我将举例说明如何通过修改String.

    基于正则表达式的实现

    String.prototype.replaceAll = function(search, replacement) {
    var target = this;
    return target.replace(new RegExp(search, 'g'), replacement);
};

    基于Split和Join的实现（Functional）

    String.prototype.replaceAll = function(search, replacement) {
    var target = this;
    return target.split(search).join(replacement);
};

    它将像这样使用：

    console.log(cadena.replaceAll("abc"));
    • 6

  4. 注意：不要在实际代码中使用此方法

    正则表达式的替代方法可以是：

    str = "Test abc test test abc test...".split("abc").join("");

    一般模式是：

    str.split(búsqueda).join(reemplazar)

    在某些情况下，这曾经比使用protoypes正则表达式更快，但在现代浏览器中似乎并非如此。因此，这仅应用作避免正则表达式转义的快速修复，但不适用于将要投入生产的实际代码。

    查看原始答案

    • 2