Rumah >hujung hadapan web >tutorial js >Ekspresi biasa dalam JavaScript

Ekspresi biasa dalam JavaScript

Christopher Nolan
Christopher Nolanasal
2025-02-17 09:59:13514semak imbas

Regular Expressions in JavaScript

Panduan ini menunjukkan aplikasi praktikal ungkapan biasa dalam JavaScript. Pada akhirnya, anda dapat dengan yakin menggunakan Regex untuk manipulasi teks.

Konsep Utama:

    JavaScript Expressions Regular adalah alat yang kuat untuk pemprosesan teks. Mereka ditakrifkan menggunakan slashes ke hadapan (
  • ), dengan bendera pilihan (mis., / untuk pemadanan global dan kes tidak sensitif). Sebagai contoh, /pattern/gi sepadan dengan rentetan "JavaScript". /JavaScript/
  • Strings in JavaScript menawarkan tiga kaedah utama untuk interaksi regex:
  • , match(), dan replace(). search()
  • Cari semua substrings yang sepadan, mengembalikan array (atau match() jika tiada perlawanan dijumpai). null
  • pengganti substrings yang sepadan dengan rentetan baru. Ini tidak ternilai untuk tugas -tugas seperti membetulkan kesilapan typo atau menyeragamkan format teks. replace()
  • berfungsi sama seperti search(), tetapi menggunakan ungkapan biasa sebagai parameter cariannya, mengembalikan indeks perlawanan pertama (atau indexOf() jika tidak ada). -1

Menggunakan ungkapan biasa:

Membuat ungkapan biasa adalah mudah:

<code class="language-javascript">const myRE = /regexp/;</code>
di mana

mewakili corak ekspresi biasa. Contohnya: regexp

<code class="language-javascript">const myRE = /JavaScript/; // Matches "JavaScript"
const myRE = /^(ba|na)+$/; // Matches "banana", "nababa", "baba", etc.</code>
Secara lalai, Regex adalah sensitif kes dan hanya mendapati perlawanan pertama. Menambah bendera mengubah tingkah laku ini:

(global) untuk semua perlawanan, dan g (case-insensitive). i

Contoh ekspresi dan perlawanan biasa dalam "Test1 Test2 Test3":

Kaedah untuk bekerja dengan ekspresi biasa:

  • : Kaedah ini mengembalikan pelbagai perlawanan. Mari buat fungsi pengesahan nombor telefon: match()
Regex
<code class="language-javascript">const myRE = /regexp/;</code>
ini sepadan dengan format nombor telefon seperti "(123) 456-7890".

dan ^(d{3}) d{3}-d{4}$ Pastikan keseluruhan rentetan sepadan dengan corak. ^ sepadan dengan tiga digit. $ d{3}

  • : Kaedah ini menggantikan padanan dengan rentetan baru. Mari kita betulkan "Saya Sebelum E kecuali selepas C" Misspellings: replace()
<code class="language-javascript">const myRE = /JavaScript/; // Matches "JavaScript"
const myRE = /^(ba|na)+$/; // Matches "banana", "nababa", "baba", etc.</code>
dalam rentetan pengganti merujuk kepada kumpulan yang ditangkap (huruf sebelum "ei") dalam regex

. ([abd-z])ei

  • : Kaedah ini sama dengan search(), tetapi menggunakan ungkapan biasa. Ia mengembalikan indeks perlawanan pertama. indexOf()
<code class="language-javascript">function checkPhoneNumber(phoneNo) {
  const phoneRE = /^\(\d{3}\) \d{3}-\d{4}$/;
  return phoneNo.match(phoneRE) !== null; //true if valid, false otherwise
}</code>
Kesimpulan:

Ekspresi biasa adalah alat yang berkuasa untuk manipulasi rentetan dalam JavaScript. Menguasai teknik ini meningkatkan keupayaan anda untuk mengesahkan input pengguna, data bersih, dan melakukan pemprosesan teks yang canggih. Ingat bahawa pengesahan sisi pelayan masih penting untuk keselamatan.

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

Kenyataan:
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