Як використовувати регулярний вираз 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]не працює, тому що крапка в [](за визначенням regex; не тільки 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для пробілів