Jak korzystać z wyrażenia regularnego JavaScript w wielu wierszach?

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

Chciałbym, aby blok PRE został pobrany, nawet jeśli obejmuje on znaki nowego wiersza. Myślałem, że flaga „m” to robi. Nie.

Znalazłem odpowiedź tutaj przed opublikowaniem. Kiedy pomyślałem, że znam JavaScript (przeczytałem trzy książki, przepracowałem godziny) i nie było w SO żadnego rozwiązania, odważę się napisać. rzucaj kamieniami tutaj

Tak więc rozwiązaniem jest:

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

Czy ktoś ma mniej tajemniczy sposób?

Edycja: to jest duplikatem, ale ponieważ jest to trudniejsze do znalezienia niż moje, ja nie usuwać.

Proponuje się [^]jako „kropkę wielowierszową”. Nadal nie rozumiem, dlaczego [.\n]nie działa. Domyślam się, że jest to jedna ze smutnych części JavaScript.

[.\n]nie działa, ponieważ .nie ma żadnego specjalnego znaczenia [], oznacza po prostu dosłowność .. (.|\n)byłby sposób na określenie „dowolnego znaku, w tym nowego wiersza”. Jeśli chcesz dopasować wszystkie znaki nowej linii, musisz również dodać, \raby uwzględnić zakończenia linii w stylu Windows i Mac OS:(.|[\r\n]) .

To okazuje się nieco kłopotliwe, a także powolne (szczegóły w odpowiedzi KrisWebDev ), więc lepszym rozwiązaniem byłoby dopasowanie wszystkich znaków spacji i wszystkich znaków spacji[\s\S] którymi, które będą pasować do wszystkiego, i jest szybszy i prostsze.

Zasadniczo nie należy próbować używać wyrażenia regularnego w celu dopasowania do rzeczywistych tagów HTML. Zobacz na przykład te pytania aby uzyskać więcej informacji o tym, dlaczego.

Zamiast tego spróbuj przeszukać DOM w poszukiwaniu potrzebnego znacznika (użycie jQuery ułatwia to, ale zawsze możesz to zrobić document.getElementsByTagName("pre")ze standardowym DOM), a następnie przeszukaj zawartość tekstową wyników za pomocą wyrażenia regularnego, jeśli chcesz dopasować do zawartości .

NIE używaj (.|[\r\n])zamiast .dopasowywania wielowierszowego.

UŻYWAJ [\s\S]zamiast .dopasowywania wielowierszowego

Unikaj także zachłanności, gdy nie jest to konieczne, używając *?lub +?kwantyfikatora zamiast *lub +. Może to mieć ogromny wpływ na wydajność.

Zobacz test, który wykonałem: 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

Uwaga: Możesz także użyć, [^]ale jest to przestarzałe w poniższym komentarzu.

Nie określasz swojego środowiska i wersji Javascript (ECMAscript) i zdaję sobie sprawę, że ten post pochodzi z 2009 roku, ale dla kompletności, dzięki wydaniu ECMA2018 możemy teraz użyć sflagi, .aby dopasować „\ n”, patrz https : //stackoverflow.com/a/36006948/141801

A zatem:

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

Jest to najnowszy dodatek i nie będzie działać w wielu obecnych środowiskach, na przykład wydaje się, że Node v7.7.0 go nie rozpoznaje, ale działa w Chromium i używam go w teście maszynopisu, który piszę i prawdopodobnie z czasem stanie się coraz bardziej popularny.

[.\n]nie działa, ponieważ kropka [](z definicji wyrażenia regularnego; nie tylko javascript) oznacza znak kropki. Zamiast tego możesz użyć (.|\n)(lub (.|[\n\r])).

Przetestowałem to (Chrome) i działa dla mnie (zarówno [^]i[^\0] ), zmieniając kropkę ( .) o jeden [^\0]lub [^], ponieważ kropka nie pasuje do podziału linii (patrz tutaj: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

Oprócz wyżej wymienionych przykładów jest to alternatywa.

^[\\w\\s]*$

Gdzie \wjest dla słów i \sbiałych znaków