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

    Короткий ответ

    Использовать регулярные выражения (RegExp) с параметром g, глобальный поиск

    Фрагмент

    /**
 * 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 в качестве первого параметра .

    Если вы хотите заменить все "abc", все, что вам нужно сделать, это использовать регулярное выражение с модификатором /g( global ), который указывает, что все вхождения заменяются.

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

    И если вы хотите игнорировать регистр, используйте модификатор /i( ignore case ):

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


    Вы должны учитывать только экранирование специальных символов, предваряя их \. Например, для замены "abc."регулярное выражение будет иметь вид /abc\./g. Специальные символы:

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

    А в замене escape $as $$.


    Это объясняется в Безопасный способ избежать обработки пользовательского ввода с помощью регулярных выражений в 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);
};

    Реализация на основе разделения и объединения (функционально)

    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