Comment utiliser l'expression rationnelle JavaScript sur plusieurs lignes ?

Question

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

Je voudrais que le bloc PRE soit repris, même s'il s'étend sur plusieurs caractères de saut de ligne. Je pensais que le drapeau 'm' le faisait. Ce n'est pas le cas.

J'ai trouvé la réponse aquí avant de poster. Puisque je pensais connaître JavaScript (j'ai lu trois livres, travaillé des heures) et qu'il n'y avait pas de solution existante chez SO, je vais oser poster quand même. jeter des pierres ici

La solution est donc la suivante :

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

Quelqu'un a-t-il une façon moins cryptique de le faire ?

Edit : ce est un doublon mais comme il est plus difficile à trouver que le mien, je ne le supprime pas.

Elle propose [^] comme un "point multiligne". Ce que je ne comprends toujours pas, c'est pourquoi [.\n] ne fonctionne pas. Je suppose que c'est l'une des parties tristes de JavaScript

Answer 1

N'utilisez pas (.|[\r\n]) au lieu de . pour une correspondance multiligne.

UTILISER [\s\S] au lieu de . pour la correspondance entre plusieurs lignes

De même, évitez la gourmandise là où elle n'est pas nécessaire en utilisant *? o +? au lieu du quantificateur * o + . Cela peut avoir un impact considérable sur les performances.

Voir le repère que j'ai fait : 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 : Vous pouvez également utiliser [^] mais il est déprécié dans le commentaire ci-dessous.

Answer 2

[.\n] ne fonctionne pas car . n'a pas de signification particulière à l'intérieur de [] ça veut dire que c'est juste un littéral . . (.|\n) serait un moyen de spécifier "tout caractère, y compris une nouvelle ligne". Si vous voulez faire correspondre tous les retours à la ligne, vous devriez ajouter \r ainsi que pour inclure les fins de ligne de style Windows et Mac OS classique : (.|[\r\n]) .

Cela s'avère être un peu lourd, ainsi que lent, (voir La réponse de KrisWebDev pour plus de détails ). Une meilleure approche consisterait donc à faire correspondre tous les caractères d'espacement et tous les caractères autres que d'espacement, en utilisant la commande [\s\S] qui correspondra à tout, et qui est plus rapide et plus simple.

En général, vous ne devriez pas essayer d'utiliser une regexp pour faire correspondre les balises HTML réelles. Voir, par exemple, ces questions pour en savoir plus.

Au lieu de cela, essayez de rechercher dans le DOM la balise dont vous avez besoin (l'utilisation de jQuery rend cette opération plus facile, mais vous pouvez toujours faire ce qui suit document.getElementsByTagName("pre") avec le DOM standard), puis recherchez le contenu textuel de ces résultats avec une regexp si vous avez besoin d'une correspondance avec le contenu.

Answer 3

Vous ne précisez pas votre environnement et votre version de Javascript (ECMAscript), et je réalise que ce post date de 2009, mais juste pour être complet, avec la sortie de l'ECMA2018, nous pouvons maintenant utiliser la fonction s pour provoquer . pour correspondre à ' \n ', voir https://stackoverflow.com/a/36006948/141801

Ainsi :

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

Il s'agit d'un ajout récent qui ne fonctionnera pas dans de nombreux environnements actuels. Par exemple, Node v8.7.0 ne semble pas le reconnaître, mais il fonctionne dans Chromium, et je l'utilise dans un test Typescript que j'écris.

Answer 4

[.\n] ne fonctionne pas, car le point dans [] (par définition regex ; pas seulement javascript) signifie le caractère point. Vous pouvez utiliser (.|\n) (o (.|[\n\r]) ) à la place.

Answer 5

Je l'ai testé (Chrome) et cela fonctionne pour moi (à la fois [^] y [^\0] ), en changeant le point ( . ) avec soit [^\0] o [^] car le point ne correspond pas au saut de ligne (voir ici) : 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