Как заставить регулярку найти скобку?

Question

[tolik12345]

Есть код который должен искать в текстовом содержимом тега скобку, но он выдает ошибку:

"Uncaught SyntaxError: Invalid regular expression: /(()/:"

Если заменить скобку на любой другой символ- все отлично работает. Как поправить код, чтобы он не выдавал ошибку на скобке?

Answer 1

[0xD34F]

Экранируйте скобку: text = '\\('.

Comments

[tolik12345]

Один слэш где только не ставил а вот про два слэша я и не подозревал, спасибо.

[0xD34F]

https://learn.javascript.ru/regexp-escaping#new-regexp

[tolik12345]

0xD34F, теперь выдает ошибку когда ставишь скобку в конце, можете подсказать? Сделал, вроде теперь об открывающую скобку regexp не спотыкается https://codepen.io/tolik12345/pen/XWWNXJR , но стал спотыкаться об последнюю, закрывающую, скобку. Введите в инпут (снова) а через пару секунд сотрите последнюю скобку.

[0xD34F]

Ну так это тоже скобка, она тоже должна быть экранирована.

[tolik12345]

0xD34F, как? пробую так https://codepen.io/tolik12345/pen/OJJbMNK но теперь после ввода первой скобки снова стал выдавать ту же ошибку.

[0xD34F]

Пусть пользователь сам экранирует спецсимволы. Или перед вызовом конструктора выполняйте замену спецсимволов на них самих же, но с экранированием.

[tolik12345]

выполняйте замену спецсимволов на них самих же, но с экранированием

Надеялся что есть решение проще, спасибо.

[0xD34F]

Надеялся что есть решение проще

Куда уж проще-то:

const h1 = document.querySelector('h1');

document.querySelector('input').addEventListener('input', function() {
  const reg = RegExp(this.value.replace(/[[\\^$.|?*+()]/g, '\\$&'), 'gi');
  h1.innerHTML = h1.textContent.replace(reg, '<span class="highlight">$&</span>');
});

[tolik12345]

0xD34F, да вы просто волшебник, огромное спасибище