Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Cara JavaScript menggunakan ungkapan biasa

Cara JavaScript menggunakan ungkapan biasa

PHPz
Lepaskan: 2023-04-25 18:12:31
asal
1046 orang telah melayarinya

Ungkapan biasa ialah corak yang digunakan untuk memadankan rentetan dan boleh digunakan untuk mengesahkan, mencari, menggantikan rentetan, dsb. JavaScript mempunyai sokongan terbina dalam untuk ungkapan biasa Artikel ini akan memperkenalkan cara menggunakan ungkapan biasa dalam JavaScript.

Ungkapan biasa adalah rumit dan mungkin mengelirukan jika anda baru mengenalinya. Tetapi selagi anda memahami sintaks asas dan fungsi biasa, anda boleh menggunakannya untuk menyelesaikan masalah padanan rentetan dan penggantian yang kompleks.

1. Sintaks asas ungkapan biasa

Ungkapan biasa terdiri daripada satu siri aksara dan aksara meta, dan aksara meta digunakan untuk menentukan peraturan padanan. Berikut ialah beberapa aksara meta yang paling asas:

  1. Huruf dan nombor: Anda boleh memasukkan semua huruf dan nombor terus dalam ungkapan biasa untuk memadankan aksara yang sepadan. Sebagai contoh, ungkapan biasa /test/ boleh memadankan rentetan "ujian" dengan tepat.
  2. Metacharacter: Metacharacter ialah watak istimewa dengan makna istimewa. Contohnya, "." dalam ungkapan biasa mewakili sebarang aksara, "^" mewakili permulaan rentetan, dan "$" mewakili penghujung rentetan.
  3. Set aksara: digunakan untuk memadankan mana-mana aksara dalam set aksara. Contohnya, ungkapan biasa /[ab]/ sepadan dengan "a" atau "b".
  4. Kuantifier: digunakan untuk menentukan bilangan atau julat ulangan yang sepadan. Contohnya, ungkapan biasa /a+/ boleh memadankan sebarang bilangan aksara "a" (sekurang-kurangnya satu) dan "a{3}" bermaksud memadankan tiga aksara "a" berturut-turut.

Berikut ialah beberapa contoh ungkapan biasa yang mudah:

kandungan padanan ungkapan
/ujian/ ujian
/.at/ kucing, topi, sat
/[ bc]at/ bat, cat
/[0-9]*/ 1234567890

2 Ungkapan biasa dalam JavaScript

JavaScript mempunyai sokongan terbina dalam untuk ungkapan biasa objek untuk mencipta objek ungkapan biasa, atau anda boleh menggunakan kaedah biasa objek String untuk melakukan padanan rentetan.

  1. Cipta objek ungkapan biasa

Anda boleh menggunakan pembina objek RegExp untuk mencipta objek ungkapan biasa Pembina menerima dua parameter: satu adalah untuk rentetan yang sepadan mod, yang lain ialah rentetan bendera pilihan.

Contohnya:

var pattern = /d+/g; //Gunakan corak literal untuk mencipta objek ungkapan biasa
var pattern2 = new RegExp("d+", "g" ); //Gunakan pembina untuk mencipta objek ungkapan biasa

Dalam contoh di atas, ungkapan biasa "/d+/g" dan rentetan "d+" adalah sama, kedua-duanya menunjukkan padanan satu atau lebih nombor .

  1. Padanan Rentetan

Dalam JavaScript, anda boleh menggunakan kaedah padanan(), cari(), ganti(), dan belah() bagi objek String untuk dilaksanakan padanan rentetan.

kaedah padanan(): Kaedah padanan() mengembalikan tatasusunan yang mengandungi kandungan rentetan yang sepadan dengan ungkapan biasa Jika tiada yang dipadankan, null dikembalikan = "hello world, hello JavaScript";

var pattern = /hello/;

var result = str.match(pattern);
console.log(result);

kaedah carian(): Kaedah carian() mengembalikan kedudukan permulaan rentetan yang sepadan, ia mengembalikan -1 , hello JavaScript";

var pattern = /world/;

var result = str.search(pattern);

console.log(result); // Output 6


replace( ) kaedah: Kaedah replace() digunakan untuk menggantikan kandungan teks yang dipadankan dan mengembalikan rentetan baharu yang diganti. Contohnya:

var str = "hello world, hello JavaScript";

var pattern = /hello/;

var result = str.replace(pattern, "hai");

console .log(result); // Output "hi world, hi JavaScript"


kaedah split(): Kaedah split() membahagikan rentetan kepada tatasusunan rentetan, menggunakan rentetan pembatas yang ditentukan Atau ungkapan biasa ke tentukan kedudukan belah. Contohnya:

var str = "epal,pisang,oren";

var pattern = /[,]/;

var result = str.split(pattern);

console. log (hasil); // Output ["epal", "pisang", "oren"]



Rentetan pengesahan

    Dalam JavaScript, anda boleh menggunakan objek RegExp Kaedah test() menyemak sama ada rentetan mematuhi ungkapan biasa. test() mengembalikan benar atau salah, menunjukkan sama ada rentetan memenuhi keperluan ungkapan biasa. Contohnya:
  1. var pattern = /d+/;
console.log(pattern.test("123")); // Output true

console.log(pattern.test("1a23 " )); // Output benar

3. Aplikasi lanjutan ungkapan biasa

Terdapat banyak penggunaan lanjutan ungkapan biasa, yang boleh mencapai padanan rentetan dan fungsi penggantian yang lebih kompleks. Berikut ialah beberapa aplikasi lanjutan biasa:

Padanan kumpulan

    Gunakan kurungan untuk menunjukkan pengumpulan, contohnya, ungkapan biasa /(d{3})-(d { 3})-(d{4})/ boleh memadankan format nombor telefon seperti "123-456-7890", dengan (d{3}), (d{3}) dan (d{4}) ialah Tiga kumpulan padankan kod kawasan, nombor pusat dan nombor akhiran dalam nombor telefon.
    1. Penegasan lebar sifar

    Penegasan lebar sifar merujuk kepada kedudukan rentetan yang sepadan dan bukannya aksara. Sebagai contoh, ungkapan biasa /cat(?=dog)/ sepadan dengan "kucing" diikuti dengan "anjing" tetapi tidak sepadan dengan "kucing" tidak diikuti dengan "anjing".

    1. Ganti hasil yang sepadan

    Kami boleh menggunakan ruang letak seperti $1, $2, dsb. apabila menggantikan teks untuk mewakili kumpulan pertama dan kedua dalam hasil yang sepadan seterusnya. Contohnya, ungkapan biasa /(d{3})-(d{3})-(d{4})/ dan "123-456-7890" boleh digantikan dengan "($1) $2-$3" untuk mendapatkan Hasilnya ialah "(123) 456-7890".

    4. Kesimpulan

    Ekspresi biasa ialah alat padanan corak yang berkuasa. Belajar menggunakannya untuk menangani pelbagai masalah padanan dan penggantian rentetan. Dalam JavaScript, anda boleh menggunakan kaedah biasa objek RegExp dan objek String untuk melaksanakan operasi ungkapan biasa. Artikel ini memperkenalkan sintaks asas dan aplikasi biasa bagi ungkapan biasa, dan menyediakan beberapa contoh aplikasi lanjutan. Saya harap pembaca dapat memahami penggunaan ungkapan biasa dalam JavaScript melalui artikel ini.

Atas ialah kandungan terperinci Cara JavaScript menggunakan ungkapan biasa. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan