Akademi JavaScript · Pelajaran

Asas Regex — literal, test, sauh dan bendera

Cipta regex mudah, uji teks, gunakan sauh (^ $) dan gunakan bendera biasa (i, g) untuk tugas penghuraian kecil.

Pelajaran 1 daripada 38 langkah

Asas Regex — literal, test, sauh dan bendera ialah pelajaran Akademi JavaScript percuma di CoddyKit. Ini ialah pelajaran 1 daripada 3. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Akademi JavaScript, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Akademi JavaScript merangkumi sejumlah 3 pelajaran.

Pengenalan kepada ungkapan nalar

Matlamat: Kenali dan gunakan corak ungkapan nalar yang ringkas.

  • Cipta literal ungkapan nalar seperti /cat/
  • Semak dengan test()
  • Gunakan sauh ^ dan $
  • Tambah bendera: i (abaikan huruf besar kecil), g (global)
Asas Regex — literal, test, sauh dan bendera — ilustrasi 1

Literal + test()

Cipta literal seperti /cat/ dan panggil test(text) untuk mendapatkan nilai benar/palsu.

// Use a regex literal and test() to check presence
const r = /cat/;
console.log("has cat?", r.test("my cat"));
console.log("has cat?", r.test("dog"));
Asas Regex — literal, test, sauh dan bendera — ilustrasi 2

Kelas dan match()

Kelas biasa: \\d digit, \\w aksara perkataan, \\s ruang kosong. Gunakan g untuk mendapatkan semua padanan.

// Character classes: \\d (digit), \\w (word), \\s (space)
const msg = "Order #245, table 7";
const numbers = msg.match(/\\d+/g);
console.log("numbers:", numbers);
Asas Regex — literal, test, sauh dan bendera — ilustrasi 3

Sauh

^ memadankan permulaan; $ memadankan penghujung. Apabila digabungkan, kedua-duanya boleh memadankan corak keseluruhan rentetan.

// Anchors: ^ start, $ end
const a = /^hello/.test("hello world");
const b = /world$/.test("say world");
const c = /^hello$/.test("hello");
console.log("starts hello?", a, "ends world?", b, "exact hello?", c);
Asas Regex — literal, test, sauh dan bendera — ilustrasi 4

Gambaran keseluruhan bendera

i mengabaikan huruf besar kecil; g mencari padanan all dan bukannya padanan pertama sahaja.

// Flags: i = ignore case, g = global (find all)
const text = "Red, red, RED";
const first = text.match(/red/i);
const all   = text.match(/red/gi);
console.log("first:", first[0]);
console.log("all:", all);
Asas Regex — literal, test, sauh dan bendera — ilustrasi 5

Asas pelolosan

Petua pelolosan:

  • Aksara khas: . * + ? ( ) [ ] { } | ^ $
  • Untuk memadankan titik, gunakan \\.
  • Pastikan corak kecil dan mudah dibaca oleh pemula.
Asas Regex — literal, test, sauh dan bendera — ilustrasi 6

Kuiz asas bendera

Semakan pantas: Bendera ungkapan nalar.

Asas Regex — literal, test, sauh dan bendera — ilustrasi 7

Ulang kaji

Ulang kaji: Bina ungkapan nalar dengan literal, semak dengan test(), gunakan ^/$ untuk permulaan/penghujung, dan tambah bendera i/g untuk carian tanpa mengambil kira huruf besar kecil serta carian berbilang padanan.

Asas Regex — literal, test, sauh dan bendera — ilustrasi 8
Percuma untuk bermula

Pelajari JavaScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus
59
Pelajaran
200

Soalan Lazim

Adakah pelajaran “Asas Regex — literal, test, sauh dan bendera” percuma?

Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Akademi JavaScript, termasuk “Asas Regex — literal, test, sauh dan bendera”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Akademi JavaScript merangkumi sejumlah 3 pelajaran.

Apakah yang akan saya pelajari dalam “Asas Regex — literal, test, sauh dan bendera”?

Cipta regex mudah, uji teks, gunakan sauh (^ $) dan gunakan bendera biasa (i, g) untuk tugas penghuraian kecil. Anda berlatih Akademi JavaScript menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Akademi JavaScript?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Akademi JavaScript di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 3.

Berapa lamakah pelajaran “Asas Regex — literal, test, sauh dan bendera” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Akademi JavaScript ini?

Ya. Setiap pelajaran Akademi JavaScript menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

  1. Asas Regex — literal, test, sauh dan bendera
  2. Kumpulan, Tangkapan dan Gantian
  3. Pengesahan dan Perangkap Kecil
← Kembali ke Akademi JavaScript