Wie verwende ich JavaScript-Regex über mehrere Zeilen?

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

Ich möchte, dass der PRE-Block aufgenommen wird, obwohl er sich über Zeilenumbrüche erstreckt. Ich dachte, die 'm'-Flagge macht es. Nicht.

Hier vor dem Posten die Antwort gefunden . Da ich dachte, ich kenne JavaScript (drei Bücher lesen, Arbeitsstunden) und es bei SO keine Lösung gab, werde ich es trotzdem wagen, etwas zu posten. wirf hier Steine

Die Lösung lautet also:

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

Hat jemand einen weniger kryptischen Weg?

Bearbeiten: Dies ist ein Duplikat, aber da es schwieriger zu finden ist als meins, entferne ich es nicht.

Es wird [^]als "mehrzeiliger Punkt" vorgeschlagen. Was ich immer noch nicht verstehe ist, warum [.\n]es nicht funktioniert. Ich denke, dies ist einer der traurigen Teile von JavaScript.

[.\n]funktioniert nicht, weil .es keine besondere Bedeutung hat [], es bedeutet nur ein Literal .. (.|\n)wäre eine Möglichkeit, "ein beliebiges Zeichen, einschließlich einer neuen Zeile" anzugeben. Wenn Sie alle Zeilenumbrüche abgleichen möchten, müssen Sie auch Zeilenenden \rfür Windows und klassische Mac OS-Zeilen hinzufügen : (.|[\r\n]).

Das stellt sich als etwas umständlich und langsam heraus (siehe KrisWebDevs Antwort für Details ). Ein besserer Ansatz wäre es daher, alle Leerzeichen und alle Nicht-Leerzeichen mit zu vergleichen [\s\S], die zu allem passen und schneller und schneller sind einfacher.

Im Allgemeinen sollten Sie nicht versuchen, einen regulären Ausdruck zu verwenden, der mit den tatsächlichen HTML-Tags übereinstimmt. Weitere Informationen zum Warum finden Sie beispielsweise in diesen Fragen .

Versuchen Sie stattdessen, das DOM tatsächlich nach dem gewünschten Tag zu durchsuchen (die Verwendung von jQuery erleichtert dies, aber Sie können dies immer document.getElementsByTagName("pre")mit dem Standard-DOM tun ), und durchsuchen Sie dann den Textinhalt dieser Ergebnisse mit einem regulären Ausdruck, wenn Sie mit dem Inhalt übereinstimmen müssen .

NICHT (.|[\r\n])anstelle von .mehrzeiligem Matching verwenden.

Verwenden Sie [\s\S]anstelle von .für mehrzeiligen Abgleich

Vermeiden Sie auch greediness wo nicht benötigt durch die Verwendung *?oder +?quantifier statt *oder +. Dies kann enorme Auswirkungen auf die Leistung haben.

Siehe den von mir erstellten Benchmark: 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: Sie können auch verwenden, [^]aber es ist im folgenden Kommentar veraltet.

Sie geben Ihre Umgebung und Version von Javascript (ECMAscript) nicht an, und mir ist klar, dass dieser Beitrag aus dem Jahr 2009 stammt. Der Vollständigkeit halber können wir mit der Veröffentlichung von ECMA2018 jetzt das sFlag verwenden, um .die Übereinstimmung mit '\ n' zu bewirken , siehe https : //stackoverflow.com/a/36006948/141801

So:

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

Dies ist eine neue Erweiterung, die in vielen aktuellen Umgebungen nicht funktioniert. Beispielsweise scheint Node v8.7.0 sie nicht zu erkennen, funktioniert jedoch in Chromium und ich verwende sie in einem Typescript-Test, den ich schreibe, und vermutlich auch wird im Laufe der Zeit mehr Mainstream werden.

[.\n]funktioniert nicht, weil dot in [](per Regex-Definition; nicht nur Javascript) das Punktzeichen bedeutet. Sie können stattdessen (.|\n)(oder (.|[\n\r])) verwenden.

Ich habe es getestet (Chrome) und es funktioniert für mich (beide [^]und [^\0]), indem ich den Punkt ( .) entweder [^\0]oder [^]geändert habe, weil der Punkt nicht mit dem Zeilenumbruch übereinstimmt (siehe hier: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

Zusätzlich zu den oben genannten Beispielen ist es eine Alternative.

^[\\w\\s]*$

Wo \wist für Wörter und \sist für Leerzeichen