RegEx оставляет нежелательное пространство за

Question

У меня есть список слов, разделенных запятой. e-mail: list.join(' ');
Как удалить слово (переменное) используя RegEx и не оставляя места позади?

вид Пример кода:

var testClasses = document.getElementsByTagName("div")[0].className; 
 
var classToRemove = "test3"; 
 

 
document.getElementsByTagName('p')[0].innerHTML = "Removing class ." + classToRemove + " from: <strong>" + testClasses + "</strong>"; 
 

 
var re = new RegExp(classToRemove + "\s?", "g"); 
 
testClasses = testClasses.replace(re, ""); 
 

 
// I ran into the same problem trying to be more specific 
 
// var re = new RegExp("(\S+\s?)*(" + classToRemove + "\s?)(\S+\s?)*", "g"); 
 
// testClasses = testClasses.replace(re, "$1$3"); 
 

 

 
document.getElementsByTagName('p')[1].innerHTML = "becomes: <strong>" + testClasses + "</strong>" + " // which looks great on the DOM."; 
 
console.log(testClasses); 
 
console.log(testClasses.split(' '));

<div class="test1 test2 test3 test4 test5"></div> 
 
<p></p> 
 
<p></p> 
 
<p>However, if you check console, the space is there. <br><strong>How do I remove this extra space?</strong> Without having to run a second replace.</p>

Ограничения:

• Я знаю, что это может быть достигнуто шпагатом или манипуляции массива. Тем не менее, я пытаюсь понять RegEx.
• Используйте только один регекс. Две замены кажутся уродливыми и ненужными.
• Я не могу предположить, что всегда будет пустое место до/после данного слова.

Answer 1

Могу ли я вас заинтересовать в Element.classList? Этот API позволяет мутировать атрибут class с помощью удобных методов, таких как .add(), .remove() и .toggle(). Это намного превосходит скорость вашего собственного решения RegExp.

---

Если это не должно быть решение RegExp, можно попробовать Array.filter:

'alpha bravo charlie' 
    .split(' ') 
    .filter(function(token) { return token !== 'alpha' }) 
    .join(' '); 

---

Но давайте перейдем с решением вашей RegExp загадку. В строке "alpha bravo charlie" вы хотите удалить любой из трех токенов, не оставляя лишних пробелов до, после или между оставшимися жетонами. Это может быть сделано с помощью negative look-ahead assertion (x(?!y)):

function removeToken(text, token) { 
    var pattern = new RegExp('(\\s+(?!\\S+\\s+))?' + token + '\\s*'); 
    return text.replace(pattern, ''); 
} 

Отрицательного взгляд вперед утверждение (\s(?!\S+\s+))? будет включать в себя только пространство в передней части маркеров, если нет пространства после маркеров. Таким образом, вы избегаете удаления обоих пространств, если вы удаляете токен посередине.Выражение читает «захватить один или несколько символов пробела, если за ними не следует один или несколько непространственных символов, за которыми следуют один или несколько пробелов». «Непространственные символы» соответствуют вашему токену, без необходимости также вводить токен. Поскольку эти ведущие пространства не всегда существуют, группа захвата становится необязательной с помощью конечного ?.

Чтобы проверить этот код, мы можем выполнить все четыре случая:

var text = 'alpha bravo charlie'; 
var tests = { 
    // <token to remove>: <resulting string> 
    'alpha': 'bravo charlie', 
    'bravo': 'alpha charlie', 
    'charlie': 'alpha bravo', 
    'delta': 'alpha bravo charlie', 
}; 

Object.keys(tests).forEach(function(token) { 
    var expected = tests[token]; 
    var result = removeToken(text, token); 
    console.log('removed "' + token + '" got "' + result + '" which is', expected === result ? 'correct' : 'WRONG'); 
}); 

и что должен печатать

removed "alpha" got "bravo charlie" which is correct 
removed "bravo" got "alpha charlie" which is correct 
removed "charlie" got "alpha bravo" which is correct 
removed "delta" got "alpha bravo charlie" which is correct 

Если ожидать, что ваши лексемы содержат символы, которые имеют значение в RegExp, вам 'd хотите, чтобы escape them.

Answer 2

Чтобы соответствовать пробельному вам нужен буквальному \s в шаблоне, это означает, что обратный слэш и s. Вы определили необязательную букву s с "\s?" в new RegExp(classToRemove + "\s?", "g"), потому что в строковом листе C требуется две обратные косые черты для определения буквальной обратной косой черты.

Применение

var re = new RegExp("\\s*" + classToRemove, "g"); 

Обратите внимание, что "\\s*" (\s*) соответствует нулю или более пробелов. Поскольку classToRemove не может содержать символы, отличные от слов, для него не требуется экранирование с помощью регулярных выражений, поэтому я не добавляю этот код для экранирования.

Если может быть только одно вхождение имени класса, удалите глобальный модификатор "g" и просто используйте var re = new RegExp("\\s*" + classToRemove).