Làm cách nào để sử dụng regex JavaScript trên nhiều dòng?

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

Tôi muốn khối PRE được chọn, mặc dù nó trải dài trên các ký tự dòng mới. Tôi nghĩ cờ 'm' làm điều đó. Không làm.

Tìm thấy câu trả lời ở đây trước khi đăng. SInce Tôi nghĩ rằng tôi biết JavaScript (đọc ba cuốn sách, giờ làm việc) và không có giải pháp nào hiện có tại SO, tôi sẽ dám đăng mọi cách. ném đá vào đây

Vì vậy, giải pháp là:

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

Có ai có một cách khó hiểu hơn?

Chỉnh sửa: đây là một bản sao nhưng vì nó khó tìm hơn của tôi, tôi không xóa.

Nó đề xuất [^]như một "chấm đa dòng". Điều tôi vẫn không hiểu là tại sao [.\n]nó không hoạt động. Đoán đây là một trong những phần đáng buồn của JavaScript ..

[.\n]không hoạt động vì .không có ý nghĩa đặc biệt bên trong [], nó chỉ có nghĩa là một nghĩa đen .. (.|\n)sẽ là một cách để chỉ định "bất kỳ ký tự nào, bao gồm cả một dòng mới". Nếu bạn muốn khớp tất cả các dòng mới, bạn cũng cần phải thêm \rvào để bao gồm các kết thúc dòng kiểu Mac OS cổ điển : (.|[\r\n]).

Điều đó có vẻ hơi cồng kềnh, cũng như chậm chạp (xem câu trả lời của KrisWebDev để biết chi tiết ), vì vậy cách tiếp cận tốt hơn là khớp tất cả các ký tự khoảng trắng và tất cả các ký tự không phải khoảng trắng [\s\S], sẽ khớp với mọi thứ, và nhanh hơn và đơn giản hơn.

Nói chung, bạn không nên cố gắng sử dụng biểu thức chính quy để khớp với các thẻ HTML thực tế. Xem, ví dụ, những câu hỏi này để biết thêm thông tin về lý do tại sao.

Thay vào đó, hãy thử thực sự tìm kiếm DOM cho thẻ bạn cần (sử dụng jQuery giúp việc này dễ dàng hơn, nhưng bạn luôn có thể thực hiện document.getElementsByTagName("pre")với DOM tiêu chuẩn), sau đó tìm kiếm nội dung văn bản của các kết quả đó với regrec nếu bạn cần đối sánh với nội dung .

KHÔNG sử dụng (.|[\r\n])thay vì .kết hợp nhiều dòng.

NÊN sử dụng [\s\S]thay vì .kết hợp nhiều dòng

Ngoài ra, tránh tham lam khi không cần thiết bằng cách sử dụng *?hoặc +?định lượng thay vì *hoặc +. Điều này có thể có một tác động hiệu suất rất lớn.

Xem điểm chuẩn tôi đã thực hiện: http://jsperf.com/javascript-multiline-regapi-workaround

Using [^]: fastest
Using [\s\S]: 0.83% slower
Using (.|\r|\n): 96% slower
Using (.|[\r\n]): 96% slower

NB: Bạn cũng có thể sử dụng [^]nhưng nó không được dùng trong bình luận bên dưới.

Bạn không chỉ định môi trường và phiên bản Javascript (ECMAscript) của mình và tôi nhận ra bài đăng này là từ năm 2009, nhưng để hoàn thiện, với việc phát hành ECMA2018, giờ đây chúng ta có thể sử dụng scờ để tạo ra .để khớp với '\ n', xem https : //stackoverflow.com/a/36006948/141801

Như vậy:

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

Đây là một bổ sung gần đây và sẽ không hoạt động trong nhiều môi trường hiện tại, ví dụ Node v8.7.0 dường như không nhận ra nó, nhưng nó hoạt động trong Chromium và tôi đang sử dụng nó trong một bài kiểm tra Bản mô tả tôi đang viết và có lẽ là nó sẽ trở nên chủ đạo hơn khi thời gian trôi qua.

[.\n]không hoạt động, bởi vì dấu chấm trong [](theo định nghĩa regex; không chỉ javascript) có nghĩa là ký tự dấu chấm. Bạn có thể sử dụng (.|\n)(hoặc (.|[\n\r])) thay thế.

Tôi đã thử nghiệm nó (Chrome) và nó làm việc cho tôi (cả [^]và [^\0]), bằng cách thay đổi các dấu chấm ( .) bằng một trong hai [^\0]hoặc [^], bởi vì dấu chấm không phù hợp ngắt dòng (Xem ở đây:http://www.uity-expressions.info/dot.html ).

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

Ngoài các ví dụ trên, nó là một thay thế.

^[\\w\\s]*$

Nơi \wdành cho từ và \sdành cho khoảng trắng