Mengapakah Bendera Berbilang Baris JavaScript (/m/) Gagal Memadankan Baris Baharu dalam Ungkapan Biasa?

Ekstrak Teks Berbilang Baris dengan Ungkapan Biasa dalam JavaScript

Dalam HTML, selalunya perlu untuk mengekstrak maklumat daripada dalam teg. Satu kaedah untuk melakukan ini adalah melalui ungkapan biasa. Walau bagaimanapun, bendera berbilang baris JavaScript (/m/) mungkin tidak sentiasa berfungsi seperti yang diharapkan.

Pertimbangkan regex berikut, yang bertujuan untuk mengekstrak teks antara teg h1 dalam rentetan HTML:

var pattern= /<div class="box-content-5">.*<h1>([^<]+?)<\/h1>/mi
m = html.search(pattern);
return m[1];

Jika regex ini menemui baris baharu (n) dalam rentetan, ia mungkin mengembalikan null. Mengalih keluar baris baharu menyelesaikan isu ini, menunjukkan bahawa bendera /m/ tidak berkelakuan seperti yang dijangkakan.

Penyelesaian: Pengubah suai /s/ (Dotall)

The /m/ flag mengubah suai gelagat ^ dan $ aksara, bukan . Oleh itu, isunya terletak pada . watak. JavaScript tidak menyediakan pengubah suai /.../s (juga dikenali sebagai pengubah suai dotall).

Penyelesaian

Untuk mengurangkan masalah ini, pembangun JavaScript boleh menggunakan aksara kelas (cth., s) dan penolakannya (S) bersama-sama, như sau:

[\s\S]

Menggabungkan ini ke dalam regex asal menghasilkan yang berikut:

/<div class="box-content-5">[\s\S]*<h1>([^<]+?)<\/h1>/i

Ungkapan ini harus berjaya mengekstrak teks yang dikehendaki daripada rentetan HTML, walaupun dengan kehadiran baris baharu.

Kemas Kini ES2018

Sehingga ES2018, JavaScript memperkenalkan bendera s (dotAll), yang membenarkan . untuk memadankan baris baharu. Ini menghapuskan keperluan untuk penyelesaian. Regex yang dikemas kini akan kelihatan seperti ini:

/<div class="box-content-5">.*<h1>([^<]+?)<\/h1>/is

Pengubahsuaian ini memastikan keserasian dengan persekitaran JavaScript moden di mana bendera s disokong.

Atas ialah kandungan terperinci Mengapakah Bendera Berbilang Baris JavaScript (/m/) Gagal Memadankan Baris Baharu dalam Ungkapan Biasa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!