Как починить простую регулярку?

Question

[Руслан Тимурзиев]

https://jsfiddle.net/an0efLLk/
Пример до жути простой, но он является частью шаблонизатора, который я пишу, поэтому я его упростил и запихнул в fiddle.
Так вот вопрос, почему
console.log(view.search(pattern));
выдает "-1"?
Если мы прямо пишем ..
view = view.replace('{: 5 + 5 :}', fn);
, то на странице появляется результат выражения - 10.

console.clear();
var view = document.querySelector('body').innerHTML;
var fn = '' + new Function('return 5 + 5')();
var exp = '5 + 5';
var	pattern = new RegExp(
  '{: ' + exp + ' :}', 'g'
);
console.log(pattern);
view = view.replace(pattern, fn);
console.log(view.search(pattern));

Comments

[gleendo]

var fn = '' + new Function('return 5 + 5')();

Это что такое вообще? Вас кто такому научил?
И вообще, в чем суть вопроса так и не понял.

хотя...
view = view.replace("/{: 5 + 5 :}/", fn);

[Руслан Тимурзиев]

iamevg_, я вас понимаю) Я просто код упростил. В контексте шаблонизатора, который я делаю, там собирается из строки новое выражение

new Function('return ' + splitArrays[i][0])(); (это в цикле к тому же)

В splitArrays[i][0])() будут лежать все выражения, которые обернуты в {: :}. Т.е. шаблонизатор прошелся прошелся по диву(который был задан ранее), нашел все вырежания аля {: 5 + 5 :} или {: 3 / 1 :}, и засовывает их в массив splitArrays. Далее, так как "5 + 5" и "3 / 1" являются строками, я кладу их в в new Function() (сам никогда не думал, что это может пригодится). И если в коносли вывести fn, то показываются результаты: 10 и 3. Последние результаты мне нужно ставить заместо pattern.

for (var i = 0; i < splitArrays.length; i++) {
    var fn = '' + new Function('return ' + splitArrays[i][0])();
    var exp = splitArrays[i][0];
    var	pattern = new RegExp('\\{\:' + exp + '\:\\}', 'g');
    view = view.replace('pattern', fn);
}

Я думал, что проблема в неправильном экранировании { и :

[Руслан Тимурзиев]

iamevg_, спасибо за помощь.
Разобрался.
Мой паттерн, который собирается из переменной возвращает /{: 5 + 5 :}/g
А надо /{: 5 \+ 5 :}/g, т.е. экранировать плюс.

Answer 1

[Stalker_RED]

Плюс это спецсимвол же
var pattern = /{: 5 \+ 5 :}/g

И вы сперва делаете replace в потом search, когда искать уже нечего.

https://jsfiddle.net/an0efLLk/1/

Comments

[Руслан Тимурзиев]

Спасибо, но мне нужно, чтобы между паттерном была переменная. Если в краце, в боевой задаче там так:
В splitArrays[i][0])() будут лежать все выражения, которые обернуты в {: :}. Т.е. шаблонизатор прошелся прошелся по диву(который был задан ранее), нашел все вырежания аля {: 5 + 5 :} или {: 3 / 1 :}, и засовывает их в массив splitArrays. Далее, так как "5 + 5" и "3 / 1" являются строками, я кладу их в в new Function() (сам никогда не думал, что это может пригодится). И если в коносли вывести fn, то показываются результаты: 10 и 3. Последние результаты мне нужно ставить заместо pattern.

for (var i = 0; i < splitArrays.length; i++) {
    var fn = '' + new Function('return ' + splitArrays[i][0])();
    var exp = splitArrays[i][0];
    var	pattern = new RegExp('\\{\:' + exp + '\:\\}', 'g');
    view = view.replace('pattern', fn);
}

Я думал, что проблема в неправильном экранировании { и :

[Руслан Тимурзиев]

Но вообще спасибо. Вы ответили на самое главное
Вот ваш паттерн /{: 5 \+ 5 :}/g
Мой же паттерн, который собирается из переменной возвращает /{: 5 + 5 :}/g
Дело в плюсе.