Почему мое регулярное выражение не работает внутри string.match()?

Question

Я думаю, что это регулярное выражение должно работать:

/(?s)\<strong\>.+\<\/strong\>/ 

Он проверяет и сопоставляет все между <strong> метками на regex101.com.

Однако он не соответствует ни одному, когда я использую его в методе регулярного выражения match().

var string = "text text <strong>some text</strong> text text"; 
 

 
var re = /(?s)\<strong\>.+\<\/strong\>/; 
 

 
alert(string.match(re));

Это должно насторожить <strong> теги и все между ними. Однако это не работает вообще.

Почему это и как я могу это исправить?

Answer 1

Ведущий (?s) является недопустимой группой в регулярном выражении JavaScript. В случае, если вы это попробовали, консоль браузера наверняка вызвала ошибку.

Вам не нужно бежать < или >, так это работает:

var re = /<strong>.+<\/strong>/; 

Обратите внимание, что если у вас есть несколько <strong> элементов в перспективе текста, регулярное выражение будет соответствовать все, от первого <strong> до последнего </strong>, потому что квант + равен жадным. Вы можете изменить это:

var re = /<strong>.+?<\/strong>/; 

Answer 2

Если вы попробуете его в браузере расслоения плотной консоли (Ctrl + Shift + K в светлячок) вы получите ошибку SyntaxError: недопустимое регулярное_выражение группа

Он работает без (s?) часть, вам не нужно это

var string = "text text <strong>some text</strong> text text"; 

var re = /\<strong\>.+\<\/strong\>/; 

alert(string.match(re)); 

Answer 3

Javascript не будет поддерживать (?s) модификатор DOTALL. Поэтому используйте [\S\s] вместо . в вашем регулярном выражении.

<strong>[\s\S]+<\/strong> // greedy match 

Для нежадным матча, вам нужно добавить квантор ? рядом с + символом.

<strong>[\s\S]+?<\/strong> 

[\s\S]+ матчи также символы новой строки, но .+ не будет соответствовать разрывы строк.

> var string = "text text <strong>some text</strong> text text"; 
undefined 
> var re = /<strong>[\s\S]+?<\/strong>/; 
undefined 
> console.log() 

undefined 
> console.log(string.match(re)); 
[ '<strong>some text</strong>', 
    index: 10, 
    input: 'text text <strong>some text</strong> text text' ]