0Pricing
JavaScript Academy · บทเรียน

พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก

สร้าง regex อย่างง่าย ทดสอบข้อความ ใช้จุดยึด (^ $) และใช้แฟล็กที่พบบ่อย (i, g) กับงานแยกวิเคราะห์ขนาดเล็ก

พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก เป็นบทเรียน JavaScript Academy ฟรีบน CoddyKit นี่คือบทเรียนที่ 1 จากทั้งหมด 3 บทเรียน คุณสามารถอ่านบทเรียนทั้งหมดด้านล่างฟรี — จากนั้นลองปฏิบัติด้วยตัวคุณเองในเบราว์เซอร์พร้อมตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7 บทเรียนนี้เป็นส่วนหนึ่งของเส้นทางการเรียน JavaScript Academy และความก้าวหน้าของคุณจะซิงค์ข้ามเว็บและแอป CoddyKit คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน

บทนำสู่นิพจน์ปกติ

เป้าหมาย: จดจำและใช้นิพจน์ปกติขนาดเล็ก

  • สร้างลิเทอรัลของนิพจน์ปกติ เช่น /cat/
  • ตรวจสอบด้วย test()
  • ใช้จุดยึด ^ และ $
  • เพิ่มแฟล็ก: i (ไม่สนใจตัวพิมพ์เล็กใหญ่), g (ค้นหาทั่วทั้งข้อความ)
พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก — ภาพประกอบ 1

ลิเทอรัล + test()

สร้างลิเทอรัล เช่น /cat/ แล้วเรียก test(text) เพื่อรับค่า true/false

// 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"));
พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก — ภาพประกอบ 2

คลาสและ match()

คลาสที่ใช้บ่อย: \\d หมายถึงตัวเลข, \\w หมายถึงอักขระในคำ, \\s หมายถึงช่องว่าง ใช้ g เพื่อรับผลการจับคู่ทั้งหมด

// Character classes: \\d (digit), \\w (word), \\s (space)
const msg = "Order #245, table 7";
const numbers = msg.match(/\\d+/g);
console.log("numbers:", numbers);
พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก — ภาพประกอบ 3

จุดยึด

^ จับคู่จุดเริ่มต้น ส่วน $ จับคู่จุดสิ้นสุด เมื่อนำมาใช้ร่วมกัน จะจับคู่รูปแบบที่ครอบคลุมทั้งสตริงได้

// 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);
พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก — ภาพประกอบ 4

ภาพรวมแฟล็ก

i ไม่สนใจตัวพิมพ์เล็กใหญ่ ส่วน g ค้นหาผลการจับคู่ all แทนที่จะค้นหาเฉพาะรายการแรก

// 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);
พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก — ภาพประกอบ 5

พื้นฐานการเอสเคป

เคล็ดลับการเอสเคป:

  • อักขระพิเศษ: . * + ? ( ) [ ] { } | ^ $
  • หากต้องการจับคู่จุด ให้ใช้ \\.
  • ควรใช้รูปแบบที่สั้นและอ่านง่ายสำหรับผู้เริ่มต้น
พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก — ภาพประกอบ 6

แบบทดสอบพื้นฐานแฟล็ก

ตรวจสอบอย่างรวดเร็ว: แฟล็กของนิพจน์ปกติ

พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก — ภาพประกอบ 7

สรุป

สรุป: สร้างนิพจน์ปกติด้วยลิเทอรัล ตรวจสอบด้วย test() ใช้ ^/$ สำหรับจุดเริ่มต้นและจุดสิ้นสุด แล้วเพิ่มแฟล็ก i/g เพื่อค้นหาโดยไม่สนใจตัวพิมพ์เล็กใหญ่และค้นหาหลายรายการ

พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก — ภาพประกอบ 8

คำถามที่พบบ่อย

บทเรียน “พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก” ฟรีหรือไม่

ใช่ — ข้อความเต็มของ “พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก” ฟรีให้อ่านที่นี่บนเว็บ เพื่อปฏิบัติแบบโต้ตอบ (ตัวแก้ไขโค้ดในตัวและติวเตอร์ AI ตลอด 24/7) และปลดล็อคส่วนที่เหลือของคอร์ส JavaScript Academy ให้อัปเกรดเป็น CoddyKit PRO คอร์ส JavaScript Academy มีบทเรียนทั้งหมด 3 บทเรียน

คุณจะเรียนรู้อะไรในบทเรียน “พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก”

สร้าง regex อย่างง่าย ทดสอบข้อความ ใช้จุดยึด (^ $) และใช้แฟล็กที่พบบ่อย (i, g) กับงานแยกวิเคราะห์ขนาดเล็ก คุณปฏิบัติ JavaScript Academy ด้วยโค้ดที่ใช้งานได้จริงที่คุณเรียกใช้โดยตรงในเบราว์เซอร์ และติวเตอร์ AI ตลอด 24/7 ตอบคำถามของคุณขณะที่คุณไปผ่านบทเรียน

คุณต้องมีประสบการณ์ก่อนที่จะเริ่มเรียน JavaScript Academy หรือไม่

ไม่จำเป็นต้องมีประสบการณ์มาก่อน JavaScript Academy บน CoddyKit ออกแบบมาสำหรับผู้เริ่มต้นไปจนถึงผู้เรียนขั้นสูง คุณสามารถเริ่มต้นที่นี่หรือเริ่มจากตัวแรกและเรียนด้วยความเร็วของคุณเอง นี่คือบทเรียนที่ 1 จากทั้งหมด 3 บทเรียน

บทเรียน “พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก” ใช้เวลานานแค่ไหน

บทเรียน CoddyKit ส่วนใหญ่ใช้เวลาประมาณ 5–10 นาที แต่ละบทเรียนจึงสั้นและเป็นแบบโต้ตอบ คุณสามารถก้าวหน้าอย่างต่อเนื่องและกลับมาเรียนต่อจากตรงที่เพิ่งหยุดบนเว็บและแอปได้เลย

ฉันเขียนและรันโค้ดในบทเรียน JavaScript Academy นี้ได้ไหม

ได้ บทเรียน JavaScript Academy ทุกบทมีตัวแก้ไขโค้ดในตัว คุณจึงเขียนและรันโค้ดจริงได้เลยในเบราว์เซอร์ และได้รับข้อเสนอแนะจาก AI ในทันที — ไม่ต้องติดตั้งในเครื่องของคุณ

บทเรียนทั้งหมดในหลักสูตรนี้

  1. พื้นฐาน Regex — ลิเทอรัล test จุดยึด และแฟล็ก
  2. กลุ่ม การจับคู่ และการแทนที่
  3. การตรวจสอบความถูกต้องและจุดผิดพลาดเล็ก ๆ
← กลับไปที่ JavaScript Academy