โพสต์นี้จะอธิบายวัตถุประสงค์ การใช้งาน และการทำงานของเมตาอักขระ “\b” ใน RegExp ของ JavaScript
Meta character “\b” ทำอะไรใน RegExp ของ JavaScript
“ \b ” meta character ใน JavaScript อาศัยตำแหน่งรูปแบบ เช่น ก่อนและหลัง หากต้องการค้นหารูปแบบที่ตำแหน่งเริ่มต้น ให้ระบุหลังอักขระเมตา '\b' และสำหรับตำแหน่งสิ้นสุด ให้เขียนก่อน '\b'
ไวยากรณ์ (พื้นฐาน)
/ \b /ไวยากรณ์พื้นฐานของ “\d” ประกอบด้วย:
- /(เครื่องหมายทับ): ระบุขอบเขตของ Regular Expression และเทียบเท่ากับ /[\d]/
- \(แบ็กสแลช): หลีกเครื่องหมายแบ็กสแลชและถือว่าอักขระที่กล่าวถึงถัดไปเป็นอักขระเมตา
- ง: จับคู่รูปแบบที่วางไว้ที่จุดเริ่มต้นหรือจุดสิ้นสุดของสตริงอินพุต
ไวยากรณ์ (พร้อมตัวดัดแปลง)
/ \b / [ g,i,m ] หรือ ใหม่ RegExp ( ' \\ ข' , '[g,i,m' )ในไวยากรณ์นี้:
- g (ทั่วโลก): ค้นหาทั่วโลกและพบการแข่งขันทั้งหมด มันไม่หยุดหลังจากนัดแรก
- ฉัน (ไม่คำนึงถึงตัวพิมพ์เล็กและใหญ่): ละเว้นความไวของตัวพิมพ์เล็กและใหญ่
- ม.(หลายตัว): ระบุการค้นหาหลายบรรทัดและจำกัดเฉพาะที่ “^(จุดเริ่มต้นของสตริง)” และ “$(จุดสิ้นสุดของสตริง)”
ไวยากรณ์ (พร้อมตัวสร้าง RegExp ())
อักขระเมตา '\b' ยังสามารถใช้เป็นวัตถุ RegExp ด้วย ' RegExp() ” ตัวสร้าง:
ใหม่ RegExp ( ' \\ ข' )
ในไวยากรณ์ข้างต้น:
- ใหม่: แสดงถึงตัวดำเนินการหรือคำหลักที่สร้างวัตถุจากตัวสร้าง
- RegExp (): หมายถึงตัวสร้างที่ทำงานบน “ \ข ” meta character ในรูปแบบของพารามิเตอร์/อาร์กิวเมนต์แรก
ตัวอย่างที่ 1: การใช้อักขระเมตา “\b” กับรูปแบบเฉพาะของการค้นหาที่ตำแหน่งเริ่มต้นตามไวยากรณ์ของตัวแก้ไข (/\b/g)
ตัวอย่างนี้อธิบายการทำงานของ ' \b ” meta character พร้อมการสนับสนุนเพิ่มเติมของ “ g (ทั่วโลก) ” ตัวแก้ไขเพื่อค้นหารูปแบบที่ระบุทั่วโลกที่จุดเริ่มต้นของสตริงที่ระบุ
รหัส HTML
ประการแรก ดูภาพรวมโค้ด HTML ต่อไปนี้:
< ชั่วโมง2 > รูปแบบการค้นหาโดยใช้ RegExp \b Meta character ชั่วโมง2 >< หน้า > สตริง : ยินดีต้อนรับสู่เว็บไซต์ Linuxint หน้า >
< ปุ่มบนคลิก = 'ค้นหา()' > คลิกเลย ! ปุ่ม >
< รหัสพี = 'ตัวอย่าง' > หน้า >
ในรหัสด้านบน:
- “ ” แท็กกำหนดหัวข้อย่อยแรก
- ในขั้นตอนต่อไป “ ” แท็กสร้างย่อหน้าที่ระบุสตริงที่ระบุ
- “ <ปุ่ม> แท็ก ' เพิ่มปุ่มที่มี ' ondblclick ” เหตุการณ์เปลี่ยนเส้นทางไปยังฟังก์ชัน “ หา() ” ซึ่งจะถูกเรียกใช้เมื่อกดปุ่มสองครั้ง
- หลังจากนั้น “ ” หมายถึงวรรคว่างที่สองกำหนดรหัส “ ตัวอย่าง ” เพื่อแสดงรูปแบบการค้นหา
รหัสจาวาสคริปต์
ต่อไป ให้พิจารณาโค้ด JavaScript ต่อไปนี้:
< สคริปต์ >ค้นหาฟังก์ชั่น ( ) {
มะนาว str = 'ยินดีต้อนรับสู่เว็บไซต์ Linuxhint' ;
เป็นข้อความ = / \กลายเป็น / ช ;
ทุกการแข่งขัน = สตริง จับคู่ ( ข้อความ ) ;
เอกสาร. getElementById ( 'ตัวอย่าง' ) . HTML ภายใน = 'ทั้งหมด ' + จับคู่. ความยาว + 'พบการจับคู่ในสตริงที่กำหนด:' + จับคู่ ;
}
สคริปต์ >
ในบรรทัดโค้ดด้านบน:
- ประการแรก กำหนดฟังก์ชัน “ ค้นหา() '.
- ในนิยามของฟังก์ชัน ตัวแปร “ สตริง ” ของประเภทข้อมูล “ เคยเป็น ” ถูกประกาศว่าจัดเก็บสตริงที่ระบุซึ่งอยู่ในเครื่องหมายอัญประกาศคู่
- ตัวแปรที่สอง “ ข้อความ ” กำหนดไวยากรณ์ของ “ \b ” meta character กับ “ ที่ ” รูปแบบและ “ ช ” การตั้งค่าสถานะการค้นหาทั่วโลก/ตัวแก้ไข เป็นเช่นนั้นจึงจะพบกับ “ ที่ รูปแบบ ” ที่จุดเริ่มต้นของแต่ละคำมีอยู่ในสตริงที่ระบุ
- หลังจากนั้นเชื่อมโยง “ จับคู่() ” วิธีการจับคู่รูปแบบ “Li” โดยใช้ค่า “/\bLi/g” จากสตริง
- ในที่สุด “ document.getElementById() ” เมธอดจะดึงย่อหน้าผ่าน id “sample” เพื่อแสดงผลรวมของคำที่ระบุ เช่น “Li” โดยใช้ “ ความยาว ' คุณสมบัติ.
เอาต์พุต
ผลลัพธ์แสดงว่ามีเพียง ' 1(ซึ่ง) ” พบการจับคู่ในสตริงที่ระบุ
ตัวอย่างที่ 2: การใช้อักขระเมตา “\b” กับรูปแบบเฉพาะของการค้นหาที่ตำแหน่งสิ้นสุดตามไวยากรณ์ของตัวแก้ไข (/\b/g)
หากต้องการค้นหารูปแบบเฉพาะที่ส่วนท้ายของสตริง ให้ระบุก่อนวาง “\b” ในไวยากรณ์ดังนี้ “ /รูปแบบ\b/ก '. เมื่อพิจารณาเช่นนี้ เราจะพบว่า “ เรา รูปแบบ” ที่ส่วนท้ายของสตริงอินพุต
โค้ด HTML เหมือนกับในตัวอย่างที่ 1 ดังนั้น ไปที่โค้ด JavaScript
รหัสจาวาสคริปต์
รหัส JavaScript ที่แก้ไขถูกเขียนที่นี่:
< สคริปต์ >ค้นหาฟังก์ชั่น ( ) {
มะนาว str = 'ยินดีต้อนรับสู่เว็บไซต์ LinuxhintWe เรา' ;
เป็นข้อความ = / เว็บ / ช ;
ทุกการแข่งขัน = สตริง จับคู่ ( ข้อความ ) ;
เอกสาร. getElementById ( 'ตัวอย่าง' ) . HTML ภายใน = 'ทั้งหมด ' + จับคู่. ความยาว + ' พบการจับคู่ในสตริงที่กำหนด: ' + จับคู่ ;
สคริปต์ >
ในบล็อกโค้ดด้านบน ' /เรา ” มีการระบุรูปแบบที่จุดเริ่มต้นของ “ \b ” meta character ถึง “ g (ทั่วโลก) ” ค้นหาจากสตริงที่ระบุผ่านเมธอด “match()” ที่กล่าวถึง
เอาต์พุต
ผลลัพธ์แสดงว่า “ 2 ” การแข่งขันของ “ เรา ” อยู่ที่ส่วนท้ายของสตริงอินพุตที่กำหนดเมื่อดับเบิลคลิกปุ่ม
บทสรุป
JavaScript RegExp ให้ “ \b ” meta character ที่กำหนดขอบเขตของคำให้ตรงกับรูปแบบที่ระบุจากจุดเริ่มต้นและจุดสิ้นสุดของสตริง เช่นเดียวกับอักขระเมตาอื่นๆ อักขระนี้จะหยุดที่การจับคู่ครั้งแรกและส่งคืนค่าของมัน หากต้องการค้นหาสตริงทั้งหมด สามารถใช้กับ ' g (ทั่วโลก) ” ตัวแก้ไข โพสต์นี้มีคำอธิบายสั้น ๆ เกี่ยวกับการทำงานของเมตาอักขระ “\b” ใน RegExp ของ JavaScript