Как в javascript игнорировать   и(или) считать его простым пробелом?

Question

[Quqas]

Редактирую скрипт на поиск и замену\чистку строк текста на странице

сначала задаём что искать и чем менять

window.addEventListener('load', function() {
    'use strict';

    // create a TreeWalker of all text nodes
var allTextNodes = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT),
    // some temp references for performance
    tmptxt,
    tmpnode,
    // compile the RE and cache the replace string, for performance
    text1 = /тут длинная строка. слова разделены пробелами/g,
    text2 = /тут другая строка. слова разделены пробелами/g,
********************
    replaceValue = "другой текст",
    ClearText = "";

потом меняем

// iterate through all text nodes
while (allTextNodes.nextNode()) {
    tmpnode = allTextNodes.currentNode;
    tmptxt = tmpnode.nodeValue;
    tmpnode.nodeValue = tmptxt.replace(text1, replaceValue);
    tmpnode = allTextNodes.currentNode;
    tmptxt = tmpnode.nodeValue;
    tmpnode.nodeValue = tmptxt.replace(text2, ClearText );

}
}, false);

оно работает если на страницах text1 и text2 пишутся 1к1. и не работает если вместо пробела   сунуто, но по факту же это тоже пробел.
как обойти?

+ может есть вариант поэлегантней чем повторять

tmpnode = allTextNodes.currentNode;
 tmptxt = tmpnode.nodeValue;

?

по факту строк поиска не 2 и не 22, а уже под сотню

так же проблема которую не могу обойти если текст идёт в обычных скобках (
т.е. в тексте используются скобки, а js их на свой счёт принимает.
та же чушь если * в тексте.

Comments

[alexalexes]

скобки, а js их на свой счёт принимает.
та же чушь если * в тексте.

text1 = /тут длинная строка. слова разделены пробелами/g,
    text2 = /тут другая строка. слова разделены пробелами/g,

Ну, так это не строки для замены, а регулярные выражения. Скобки, звездочка, и точка и кое-чего еще - это все синтаксически значимые элементы в регулярках, поэтому они и учитываются. Если вы хотите использовать регулярки в функции замены строки, то должны правильно ее составить, экранировав синстаксически значимые символы в просто символы.

но по факту же это тоже пробел

Обычный пробел и неразрывный пробел - это разные символы. Можно их заменить с помощью тех же регулярок, но нужен определенный навык их использования.

Answer 1

[Stalker_RED]

может есть вариант поэлегантней чем повторять

Конечно есть:

while (allTextNodes.nextNode()) {
    replaceNodeText(allTextNodes.currentNode, text1, replaceValue);
    replaceNodeText(allTextNodes.currentNode, text1, ClearText);
}

function replaceNodeText(node, search, replaceText) {
  node.nodeValue = node.nodeValue.replace(search, replaceText);
}

Comments

[Quqas]

спасибо. заработало. так проще и быстрее добавлять новые строки.

на счёт скорости обработки - пока не понял.

Answer 2

[Aetae]

Вместо конкретно пробелов использовать в регулярках "любой пробельный символ": /\s/.
Скобки надо, очевидно, экранировать: /\(текст\)/.

Можно написать вспомогательную функцию, чтоб вручную не писать страшые вещи типа

/тут\s+длинная\s+строка.\s+слова\s+разделены\s+пробелами/g

:

function spacify(regexp) {
  const { source, flags } = regexp;
  return new RegExp( source.replace(/\s+([*+{?])?/g, (_, mod) => `\\s${mod ?? '+'}`), flags )
}

Либо написать вспомогательную функцию, которая будет заодно и экраировать:

function escapeRegExp(string) {
  return string.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); 
}
function toSpacedRegExp(string, flags = 'g') {
  return new RegExp( escapeRegExp(string).replace(/\s+/g, '\\s+'), flags )
}
// /тут\s+длинная\s+строка\.\s+слова\s+разделены\s+пробелами/g
const text = toSpacedRegExp('тут длинная строка. слова разделены пробелами')

Comments

[Quqas]

спасибо за объяснения, только пока не вышло с

function spacify(regexp) {
  const { source, flags } = regexp;
  return new RegExp( source.replace(/\s+([*+{?])?/g, (_, mod) => `\\s${mod ?? '+'}`), flags )
}

в какое место её вставить? т.е. в изначального скрипта?
с ручным \s+ понятно и работает
честно признаюсь я js =0 и на уровне копипасты.

т.е. я насоздавал text1, text2, textNN. этот скрипт может "на лету" переделать к виду \s+ ? или я что-то не догоняю?

второй вариант, пока не пробовал, там даже с учётом возможностей n++ в лоб не заменить без ручных правок..

[Aetae]

Quqas, ну n++ тоже в регулярки умеет) :
Бёрёте ваше:

text1 = /тут длинная строка. слова разделены пробелами/g,
text2 = /тут другая строка. слова разделены пробелами/g,
...

Поиск - Замена
Найти: \w+\s+=\s\/(.*?)\/g,
Заменить на: '\1',
Получаете:

'тут длинная строка. слова разделены пробелами',
'тут другая строка. слова разделены пробелами',
...

Кладётё в массив:

const texts = [
  'тут длинная строка. слова разделены пробелами',
  'тут другая строка. слова разделены пробелами',
 ...
];

Дальше просто сразу весь массив обрабатывайте:

const regexps = texts.map(text => toSpacedRegExp(text));

Ну и в волкере, соответственно:

while (allTextNodes.nextNode()) {
    let tmpnode = allTextNodes.currentNode;
    let tmptxt = tmpnode.nodeValue;
    regexps.forEach((regexp, index) => tmptxt = tmptxt.replace(regexp, replaceValue));
    tmpnode.nodeValue = tmptxt;
}

Если для разных фраз - разные замены, то логично просто усложнить массив:

const texts = [
  {
    from: 'тут длинная строка. слова разделены пробелами',
    to: ''
  }, {
    from: 'тут другая строка. слова разделены пробелами',
    to: 'другой текст'
  },
  ...
];
const regexps = texts.map(({from, to}) => ({
  from: toSpacedRegExp(from),
  to
}));
regexps.forEach(({from, to}, index) => tmptxt = tmptxt.replace(from, to));

Либо можно работать с index'ом...