Como usar a expressão regular JavaScript em várias linhas?

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

Eu gostaria que o bloco PRE fosse escolhido, mesmo que se estendesse por caracteres de nova linha. Eu pensei que a bandeira 'm' faz isso. Não.

Encontre a resposta aqui antes de postar. Desde que achei que sabia JavaScript (li três livros, trabalhei horas) e não havia uma solução existente na SO, ousarei postar de qualquer maneira. jogue pedras aqui

Então a solução é:

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

Alguém tem uma maneira menos enigmática?

Edit: esta é uma duplicata, mas como é mais difícil de encontrar que a minha, não a removo.

Ele propõe [^]como um "ponto multilinha". O que ainda não entendo é por [.\n]que não funciona. Acho que essa é uma das partes tristes do JavaScript.

[.\n]não funciona porque .não tem um significado especial dentro [], significa apenas um literal .. (.|\n)seria uma maneira de especificar "qualquer caractere, incluindo uma nova linha". Se você quiser combinar todas as novas linhas, você precisa adicionar \r, assim como para incluir o Windows e clássicos finais de linha estilo Mac OS: (.|[\r\n]).

Isso acaba sendo um tanto complicado e lento (consulte a resposta de KrisWebDev para obter detalhes ); portanto, uma abordagem melhor seria combinar todos os caracteres de espaço em branco e todos os caracteres que não sejam de espaço em branco com [\s\S], o que corresponderá a tudo e é mais rápido e rápido. mais simples.

Em geral, você não deve tentar usar uma regexp para corresponder às tags HTML reais. Veja, por exemplo, estas perguntas para obter mais informações sobre o porquê.

Em vez disso, tente realmente pesquisar no DOM a tag que você precisa (o uso do jQuery facilita isso, mas você sempre pode fazer document.getElementsByTagName("pre")com o DOM padrão) e, em seguida, pesquise o conteúdo de texto desses resultados com uma expressão regular se precisar corresponder ao conteúdo .

NÃO use em (.|[\r\n])vez de .para correspondência de várias linhas.

Use em [\s\S]vez de .para correspondência multilinha

Além disso, evite a ganância onde não for necessário usando *?ou +?quantificador em vez de *ou +. Isso pode ter um enorme impacto no desempenho.

Veja a referência que eu fiz: 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: Você também pode usar, [^]mas está obsoleto no comentário abaixo.

Você não especifica o seu ambiente e a versão do Javascript (ECMAscript), e eu sei que este post foi de 2009, mas, para completar, com o lançamento do ECMA2018, agora podemos usar o ssinalizador para fazer .corresponder '\ n', consulte https : //stackoverflow.com/a/36006948/141801

Portanto:

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

Esta é uma adição recente e não funcionará em muitos ambientes atuais, por exemplo, o Nó v8.7.0 parece não reconhecê-lo, mas funciona no Chromium e estou usando-o em um teste de Typecript que estou escrevendo e, presumivelmente, se tornará mais popular com o passar do tempo.

[.\n]não funciona, porque ponto [](por definição de regex; não apenas javascript) significa o caractere de ponto. Você pode usar (.|\n)(ou (.|[\n\r])) em vez disso.

Eu testei (Chrome) e funcionou para mim (ambos [^]e [^\0]), alterando o ponto ( .) por um [^\0]ou outro [^], porque o ponto não corresponde à quebra de linha (veja aqui: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

Além dos exemplos acima mencionados, é uma alternativa.

^[\\w\\s]*$

Onde \wé para palavras e \sé para espaços em branco