Bagaimana untuk Memadankan Kandungan Berbilang Baris dengan Ungkapan Biasa JavaScript?

Mengatasi Sempadan Regex JavaScript untuk Padanan Berbilang Baris

Apabila bekerja dengan ungkapan biasa JavaScript, menjadi penting untuk memahami cara memadankan kandungan yang merangkumi berbilang garisan. Pertimbangkan coretan kod berikut yang cuba mengekstrak blok PRE dengan baris baharu di dalamnya:

<code class="js">var ss = "<pre class="brush:php;toolbar:false">aaaa\nbbb\nccc

ddd"; var arr = ss.match(//gm); alert(arr); // null</code>

Salin selepas log masuk

Hasil yang dijangkakan adalah untuk menangkap keseluruhan blok PRE, tetapi hasilnya adalah amaran batal. Untuk membetulkan perkara ini, kami menyelidiki selok-belok padanan berbilang baris.

Gambit '.|[rn]'

Pendekatan awal melibatkan penggantian . aksara kad bebas dengan ungkapan yang sepadan dengan mana-mana aksara atau pemisah baris: (.|[rn]). Walau bagaimanapun, ini terbukti tidak berkesan.

Wahyu: [sS]

Kunci kejayaan terletak pada penggunaan [sS] dan bukannya . untuk padanan berbilang baris. Kelas watak ini merangkumi kedua-dua aksara ruang putih dan bukan ruang putih, menangani isu ini dengan berkesan.

<code class="js">var ss = "<pre class="brush:php;toolbar:false">aaaa\nbbb\nccc

ddd"; var arr = ss.match(//gm); alert(arr); // <pre class="brush:php;toolbar:false">...<\/pre></code>

Salin selepas log masuk

Kehalusan Keserakahan: '?' lwn. ''

Pertimbangan lain berkaitan dengan pengkuantiti yang digunakan. Walaupun mungkin kelihatan seperti pilihan yang jelas, ia memperkenalkan ketamakan yang tidak perlu. '?' atau ' ?' memastikan bahawa padanan itu menemui kejadian pertama dan bukannya yang paling lama mungkin.

Nota tentang [^]

Sementara [^] juga boleh berfungsi sebagai titik berbilang garis , ia ditamatkan seperti ulasan dalam siaran lain. Oleh itu, adalah lebih baik untuk kekal dengan [sS].

Atas ialah kandungan terperinci Bagaimana untuk Memadankan Kandungan Berbilang Baris dengan Ungkapan Biasa JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!