Как использовать регулярные выражения JavaScript на нескольких строках?

var ss= "<pre>aaaa\nbbb\nccc</pre>ddd";
var arr= ss.match( /<pre.*?<\/pre>/gm );
alert(arr);     // null

Я бы хотел, чтобы был поднят блок PRE, даже если он охватывает символы новой строки. Я думал, что флаг «м» делает это. Не.

Нашел ответ здесь перед публикацией. Так как я думал, что знаю JavaScript (прочитал три книги, работал часами), и в SO не было никакого решения, я все же осмелюсь опубликовать. бросать камни сюда

Итак, решение таково:

var ss= "<pre>aaaa\nbbb\nccc</pre>ddd";
var arr= ss.match( /<pre[\s\S]*?<\/pre>/gm );
alert(arr);     // <pre>...</pre> :)

У кого-нибудь есть менее загадочный способ?

Изменить: это дубликат, но так как его сложнее найти, чем я, я не удаляю.

Это предлагается [^]как "многострочная точка". Что я до сих пор не понимаю, так это почему [.\n]не работает. Думаю, это одна из печальных частей JavaScript.

[.\n]не работает, потому что .не имеет особого значения внутри [], это просто означает буквальный .. (.|\n)будет способ указать «любой символ, включая перевод строки». Если вы хотите , чтобы соответствовать всем новым строкам, вам нужно будет добавить , \rа также включить Окна и классического Mac OS стиль завершение строк: (.|[\r\n]).

Это оказывается несколько громоздким, а также медленным (см. Подробности в ответе KrisWebDev ), поэтому лучшим подходом было бы сопоставить все пробельные символы и все непробельные символы с [\s\S], что будет соответствовать всему, быстрее и проще.

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

Вместо этого попробуйте на самом деле найти в DOM нужный вам тег (использование jQuery делает это проще, но вы всегда можете сделать это document.getElementsByTagName("pre")со стандартным DOM), а затем выполнить поиск текстового содержимого этих результатов с помощью регулярного выражения, если вам нужно сопоставить его с содержимым. ,

НЕ использовать (.|[\r\n])вместо .многострочного сопоставления.

DO использовать [\s\S]вместо .для многострочного согласования

Кроме того, избегайте жадности там, где это не нужно, используя *?или +?квантификатор вместо *или +. Это может оказать огромное влияние на производительность.

Посмотрите тест, который я сделал: http://jsperf.com/javascript-multiline-regexp-workarounds

Using [^]: fastest
Using [\s\S]: 0.83% slower
Using (.|\r|\n): 96% slower
Using (.|[\r\n]): 96% slower

NB: Вы также можете использовать, [^]но это не рекомендуется в комментариях ниже.

Вы не указываете свою среду и версию Javascript (ECMAscript), и я понимаю, что этот пост был за 2009 год, но только для полноты, с выпуском ECMA2018 теперь мы можем использовать sфлаг, чтобы вызвать .совпадение с \ n, см. Https : //stackoverflow.com/a/36006948/141801

Таким образом:

let s = 'I am a string\nover several\nlines.';
console.log('String: "' + s + '".');

let r = /string.*several.*lines/s; // Note 's' modifier
console.log('Match? ' + r.test(s); // 'test' returns true

Это недавнее добавление, которое не будет работать во многих современных средах, например, Node v8.7.0, похоже, не распознает его, но работает в Chromium, и я использую его в тесте Typescript, который я пишу, и предположительно это со временем станет более популярным.

[.\n]не работает, потому что точка в [](по определению регулярного выражения; не только в javascript) означает символ точки. Вы можете использовать (.|\n)(или (.|[\n\r])) вместо этого.

Я проверил его (Chrome), и он работает для меня (как [^]и [^\0]), изменяя точку ( .) либо на, [^\0]либо [^], потому что точка не соответствует разрыву строки (см. Здесь:http://www.regular-expressions.info/dot.html ).

var ss= "<pre>aaaa\nbbb\nccc</pre>ddd";
var arr= ss.match( /<pre[^\0]*?<\/pre>/gm );
alert(arr);     //Working

Помимо вышеприведенных примеров, это альтернатива.

^[\\w\\s]*$

Где \wдля слов и \sдля пробелов