นิพจน์ทั่วไปของ JavaScript บทความนี้ก็เพียงพอแล้ว

วิธีเริ่มต้นใช้งาน VUE3.0 อย่างรวดเร็ว: เข้าสู่การเรียนรู้

คำแนะนำที่เกี่ยวข้อง: บทช่วยสอน JavaScript

นิพจน์ทั่วไปคืออะไร นิพจน์ทั่วไป

( Regular Expression เรียกว่า regexp )

• คือกฎไวยากรณ์ที่อธิบายโครงสร้างของสตริง
• เป็นรูปแบบการจัดรูปแบบเฉพาะที่ใช้ในการตรวจสอบว่าสตริงต่างๆ ตรงกับคุณลักษณะนี้หรือไม่ ซึ่งช่วยให้สามารถค้นหาข้อความขั้นสูง การแทนที่ การสกัดกั้นเนื้อหา และการดำเนินการอื่นๆ

การใช้งาน: ในการพัฒนาโครงการ ฟังก์ชันต่างๆ เช่น การซ่อนตัวเลขที่ระบุของหมายเลขโทรศัพท์มือถือ การรวบรวมข้อมูล การกรองคำที่ละเอียดอ่อน และการตรวจสอบแบบฟอร์ม ทั้งหมดนี้สามารถนำมาใช้ได้โดยใช้นิพจน์ทั่วไป

สาขาที่เกี่ยวข้อง: ในระบบปฏิบัติการ (Unix, Linux ฯลฯ) ภาษาการเขียนโปรแกรม (C, C++, Java, PHP, Python, JavaScript ฯลฯ)

ตัวอย่างเช่น: ใช้การค้นหาข้อความเป็นตัวอย่าง หากคุณพบสตริงที่ตรงกับคุณลักษณะบางอย่าง (เช่น หมายเลขโทรศัพท์มือถือ) ในข้อความจำนวนมาก ให้เขียนคุณลักษณะนี้ตามไวยากรณ์ของนิพจน์ทั่วไปเพื่อสร้าง รูปแบบที่โปรแกรมคอมพิวเตอร์รู้จัก (Pattern) จากนั้นโปรแกรมคอมพิวเตอร์จะจับคู่ข้อความตามรูปแบบนี้เพื่อค้นหาสตริงที่ตรงตามกฎ

ประวัติความเป็นมาของนิพจน์ทั่วไป

รูปแบบการแสดงออกของการแสดงออกปกติ

• หนึ่งคือนิพจน์ทั่วไปที่สอดคล้องกับข้อกำหนด POSIX ซึ่งใช้เพื่อให้แน่ใจว่ามีการพกพาระหว่างระบบปฏิบัติการ
• ประการหนึ่งคือเมื่อพัฒนา Perl (ภาษาการเขียนโปรแกรมที่มีคุณลักษณะหลากหลาย) นิพจน์ทั่วไปของ Perl ก็ได้รับมา ไวยากรณ์ปกติใน JavaScript จะขึ้นอยู่กับ Perl

วิธีใช้นิพจน์ทั่วไป

ในระหว่างการพัฒนา มักจำเป็นต้องค้นหาและจับคู่สตริงที่ระบุตามรูปแบบการจับคู่ปกติ

เมธอด exec()

• เมธอด exec() ใช้เพื่อค้นหารายการที่ตรงกันในสตริงเป้าหมาย โดยส่งคืนผลลัพธ์ที่ตรงกันครั้งละหนึ่งรายการเท่านั้น
• ตัวอย่างเช่น ค้นหา abc ในสตริงที่ระบุ str

• "/" ใน "/abc/i" เป็นตัวคั่นของนิพจน์ทั่วไป "abc" แทนข้อความรูปแบบของนิพจน์ทั่วไป และ "i" เป็นตัวระบุการปรับเปลี่ยนรูปแบบ ซึ่งหมายความว่าตัวพิมพ์นั้นจะถูกละเว้นใน str
• พารามิเตอร์ของเมธอด exec() คือสตริง str ที่จะจับคู่ เมื่อการจับคู่สำเร็จ ค่าที่ส่งคืนของเมธอดนี้จะเป็นอาร์เรย์ มิฉะนั้นจะส่งคืนค่าว่าง
• จะเห็นได้จากผลลัพธ์ที่ส่งคืนของ exec() ว่าองค์ประกอบแรก (AbC) ที่บันทึกไว้ในอาร์เรย์แสดงถึงสตริงที่ตรงกัน ส่วนดัชนีองค์ประกอบที่สองแสดงถึงค่าดัชนีของอักขระที่ตรงกันในสตริงเป้าหมาย (ตั้งแต่เริ่มต้นจาก 0) ; อินพุตพารามิเตอร์ที่สามแสดงถึงสตริงเป้าหมาย (AbC123abc456)

เมธอด match()

นอกเหนือจากการดึงค่าที่ระบุในสตริงแล้ว เมธอด match() ในอ็อบเจ็กต์ String ยังสามารถจับคู่เนื้อหาทั้งหมดที่ตรงตามข้อกำหนดในสตริงเป้าหมายตามกฎทั่วไป และบันทึกลงในอาร์เรย์หลังจาก การจับคู่สำเร็จ จะส่งกลับค่าเท็จหากการจับคู่ล้มเหลว

• ตัวระบุตำแหน่ง "^" สามารถใช้เพื่อจับคู่จุดเริ่มต้นของสตริง
• ตัวระบุตำแหน่ง "$" สามารถใช้เพื่อจับคู่จุดสิ้นสุดของสตริง
• g แสดงถึงการจับคู่ทั่วโลก ใช้ในการค้นหาต่อหลังจากพบการจับคู่แรก

การรับอ็อบเจ็กต์ปกติ

ในแอปพลิเคชัน JavaScript คุณต้องสร้างอ็อบเจ็กต์ปกติก่อนจึงจะใช้นิพจน์ทั่วไป นอกเหนือจากการสร้างตามตัวอักษรที่อธิบายไว้ก่อนหน้านี้แล้ว ยังสามารถสร้างผ่านตัวสร้างของออบเจ็กต์ RegExp ได้ด้วย

• pattern คือข้อความรูปแบบนิพจน์ทั่วไปที่ประกอบด้วยอักขระเมตาและอักขระตามตัวอักษร
• MetaCharacter คืออักขระที่มีความหมายพิเศษ เช่น "^", "." หรือ "*"
• อักขระข้อความเป็นข้อความธรรมดา เช่น ตัวอักษรและตัวเลข
• ธงแสดงถึงตัวระบุการปรับเปลี่ยนรูปแบบ ซึ่งใช้ในการตั้งค่านิพจน์ทั่วไปเพิ่มเติม
  
  

• ตัวปรับแต่งโหมดยังสามารถนำมาใช้ร่วมกันได้หลายแบบตามความต้องการที่แท้จริง
• ตัวอย่างเช่น หากต้องการละเว้นทั้งตัวพิมพ์และการจับคู่แบบโกลบอล คุณสามารถใช้ gi ได้โดยตรง และไม่มีข้อกำหนดในการเรียงลำดับเมื่อเขียนตัวแก้ไขรูปแบบหลายตัว
• ดังนั้น การใช้ตัวแก้ไขรูปแบบอย่างสมเหตุสมผลจะทำให้นิพจน์ทั่วไปกระชับและใช้งานง่ายยิ่งขึ้น

เพื่อให้ผู้อ่านเข้าใจการได้มาของวัตถุปกติได้ดีขึ้น จะมีการให้คำอธิบายเปรียบเทียบโดย จับคู่อักขระพิเศษ "^", "$", "*", "." และ "" เป็นตัวอย่าง

• ตัวเลือก "|" หมายถึง "หรือ" และสามารถสร้างเงื่อนไขการค้นหาได้ตราบใดที่ตรงตามเงื่อนไขข้อใดข้อหนึ่ง
• มีปัญหาในการ Escape กับสตริงใน JavaScript ดังนั้น "" ใน str ในโค้ดจึงแสดงถึงแบ็กสแลช ""
• เมื่อจับคู่อักขระพิเศษในนิพจน์ทั่วไป จำเป็นต้องใช้แบ็กสแลช () เพื่อหลีกอักขระพิเศษด้วย ตัวอย่างเช่น "\" กลายเป็น "" หลังจากสตริง Escape จากนั้นนิพจน์ทั่วไปจะใช้ "" เพื่อจับคู่ ""

โปรดทราบว่า

แม้ว่าอ็อบเจ็กต์ปกติที่สร้างขึ้นโดยวิธีคอนสตรัคเตอร์และเมธอดลิเทอรัลจะเหมือนกันโดยสิ้นเชิงในฟังก์ชัน แต่ก็มีความแตกต่างบางประการในการใช้ไวยากรณ์ รูปแบบเดิมจำเป็นต้องหลีกเครื่องหมายแบ็กสแลช () เมื่อใช้ เมื่อเขียนรูปแบบหลัง ควรวางไว้ภายในตัวคั่น "/" และควรวางแท็ก flags ไว้ด้านนอกตัวคั่นส่วนท้าย

ของหมวดหมู่อักขระ

: การใช้หมวดหมู่อักขระอย่างมีประสิทธิภาพจะทำให้นิพจน์ทั่วไปกระชับและอ่านง่ายขึ้น

ตัวอย่างที่ 1: ตัวอักษรตัวพิมพ์ใหญ่ ตัวอักษรพิมพ์เล็ก และตัวเลขสามารถแสดงได้โดยตรงโดยใช้ "w"

กรณีที่ 2: หากคุณต้องการจับคู่ตัวเลขระหว่าง 0 ถึง 9 คุณสามารถใช้ "d"

เพื่อให้ผู้อ่านเข้าใจการใช้หมวดหมู่อักขระได้ ข้อมูลต่อไปนี้จึงใช้ "." และ "s" เป็นตัวอย่างในการสาธิต

• reg วัตถุปกติใช้เพื่อจับคู่อักขระสองตัวใด ๆ หลังอักขระช่องว่าง (ยกเว้นการขึ้นบรรทัดใหม่)
• ดังนั้นในผลลัพธ์ที่ดูบนคอนโซล จึงมีช่องว่างก่อนรหัส

ชุดอักขระ

การแสดงชุดอักขระ: "[]" สามารถใช้ชุดอักขระได้

ช่วงอักขระ: เมื่อใช้ร่วมกับยัติภังค์ "-" หมายถึงการจับคู่อักขระภายในช่วงที่ระบุ

อักขระตรงข้าม: เมื่ออักขระเมตา "^" ใช้ร่วมกับ "[]" จะเรียกว่าอักขระตรงข้าม

ไม่อยู่ในช่วงที่กำหนด: "^" ใช้ร่วมกับ "[]" เพื่อจับคู่อักขระที่ไม่อยู่ในช่วงอักขระที่ระบุ

ใช้สตริง 'get好TB6'.match(/pattern/g) เป็นตัวอย่างเพื่อสาธิตการใช้งานทั่วไป

โปรดทราบ

ว่าอักขระ "-" มักจะแสดงถึงอักขระธรรมดาเท่านั้น และ

ใช้เป็นอักขระเมตาเมื่อแสดงช่วงอักขระ

ช่วงที่แสดงด้วยยัติภังค์ "-" เป็นไปตามลำดับการเข้ารหัสอักขระ เช่น "aZ", "za" และ "a-9" ล้วนเป็นช่วงที่ไม่ถูกต้อง

[กรณี] ​​จำกัดเนื้อหาอินพุต

แนวคิดการนำโค้ดไปใช้ :

เขียน HTML ตั้งค่ากล่องข้อความสำหรับปี (ปี) และเดือน (เดือน) และปุ่มสอบถาม

รับวัตถุองค์ประกอบของการดำเนินการและตรวจสอบการส่งแบบฟอร์ม

ตรวจสอบปี รูปแบบปกติ: /^d{4}/ ตรวจสอบเดือน กฎปกติ: / ( ( 0 ? [ 1 − 9 ] ) ∣ ( 1 [ 012 ] ) ) /

กล่องข้อความได้รับการโฟกัสและสีของกล่องพร้อมท์จะถูกลบออก กล่องข้อความสูญเสียโฟกัส ลบช่องว่างที่ปลายทั้งสองด้านของเนื้อหาที่ป้อนเข้า และตรวจสอบความถูกต้อง

การใช้รหัส

	<!DOCTYPE html>
	<html>
	<หัว>
	<meta charset="UTF-8">
	<title>จำกัดเนื้อหาอินพุต</title>
	<สไตล์>
	อินพุต [ประเภท = ข้อความ] {ความกว้าง: 40px; เส้นขอบสี: #bbb; ความสูง: 25px; ขนาดตัวอักษร: 14px; รัศมีเส้นขอบ: 2px; โครงร่าง: 0; เส้นขอบ: #ccc 1px ทึบ; ช่องว่างภายใน: 0 10px; -webkit-transition: box-shadow .5s;margin-bottom: 15px;}
	อินพุต [ประเภท = ข้อความ]: โฮเวอร์, อินพุต [ประเภท = ข้อความ]: โฟกัส, อินพุต [ประเภท = ส่ง]: โฮเวอร์ {เส้นขอบ: 1px ทึบ # 56b4ef; กล่องเงา: สิ่งที่ใส่เข้าไป 0 1px 3px rgba (0,0,0, .05),0 0 8px rgba(82,168,236,.6); -webkit-transition: box-shadow .5s;}
	อินพุต::-webkit-input-placeholder {สี: #999; -webkit-transition: color .5s;}
	อินพุต: โฟกัส ::-webkit-input-placeholder, อินพุต:hover::-webkit-input-placeholder {สี: #c2c2c2; -webkit-transition: color .5s;}
	อินพุต[type=submit]{height: 30px; width: 80px; พื้นหลัง: #4393C9; border:1px solid #fff;color: #fff;font:14px โดดเด่นยิ่งขึ้น;
	</สไตล์>
	</หัว>
	<ร่างกาย>
	<แบบฟอร์ม id="แบบฟอร์ม">
	ปี<input type="text" name="year">
	เดือน<input type="text" name="month">
	<ประเภทอินพุต = "ส่ง" ค่า = "แบบสอบถาม">
	</แบบฟอร์ม>
	<p id="ผลลัพธ์"></p>
	<สคริปต์>
	ฟังก์ชั่นตรวจสอบปี (obj) {
	ถ้า (!obj.value.match(/^d{4}$/)) {
	obj.style.borderColor = 'สีแดง';
	result.innerHTML = 'ข้อผิดพลาดในการป้อนข้อมูล ปีแสดงด้วยตัวเลข 4 หลัก';
	กลับเท็จ;
	-
	result.innerHTML = '';
	กลับเป็นจริง;
	-
	ฟังก์ชั่นตรวจสอบเดือน (obj) {
	ถ้า (!obj.value.match(/^((0?[1-9])|(1[012]))$/)) {
	obj.style.borderColor = 'สีแดง';
	result.innerHTML = 'ข้อผิดพลาดในการป้อนข้อมูล เดือนอยู่ระหว่าง 1 ถึง 12';
	กลับเท็จ;
	-
	result.innerHTML = '';
	กลับเป็นจริง;
	-
	var form = document.getElementById('form'); // <form> วัตถุองค์ประกอบ var result = document.getElementById('result'); // <p> วัตถุองค์ประกอบ var inputs = document.getElementsByTagName('input'); // <input> การรวบรวมองค์ประกอบ form.onsubmit = function() {
	ส่งคืนเช็คปี (inputs.year) && checkMonth (inputs.month);
	-
	inputs.year.onfocus = ฟังก์ชั่น () {
	this.style.borderColor = '';
	-
	inputs.month.onfocus = ฟังก์ชั่น () {
	this.style.borderColor = '';
	-
	ถ้า (!String.prototype.trim) {
	String.prototype.trim = ฟังก์ชั่น () {
	กลับ this.replace(/^[suFEFFxA0]+|[suFEFFxA0]+$/g, '');
	// uFEFF เครื่องหมายคำสั่งไบต์ xA0 ไม่ตัดช่องว่าง };
	-
	inputs.year.onblur = ฟังก์ชั่น () {
	this.value = this.value.trim();
	ตรวจสอบปี(นี้);
	-
	inputs.month.onblur = ฟังก์ชั่น () {
	this.value = this.value.trim();
	ตรวจสอบเดือน(นี้);
	-
	</สคริปต์>
	</ร่างกาย>
	</html>

เมธอด test() ในคลาส RegExp

: ตรวจสอบว่านิพจน์ทั่วไปตรงกับสตริงที่ระบุหรือไม่

เมื่อการจับคู่สำเร็จ ค่าที่ส่งคืนของเมธอด test() จะเป็น true มิฉะนั้นจะส่งคืน false

การตรวจจับตัวดัดแปลงรูปแบบของวัตถุปกติ

นอกจากนี้ยังมีคุณสมบัติบางอย่างในคลาส RegExp ที่ใช้ในการตรวจจับตัวดัดแปลงรูปแบบที่ใช้โดยวัตถุปกติปัจจุบันและระบุดัชนีเริ่มต้นของการจับคู่ถัดไป

เพื่อให้ผู้อ่านเข้าใจการใช้คุณลักษณะเหล่านี้ได้ดีขึ้น สิ่งต่อไปนี้จึงใช้การจับคู่ช่องว่างเป็นตัวอย่างในการสาธิต

เมธอด search() ในคลาส String

: สามารถส่งคืนตำแหน่งที่สตริงย่อยของรูปแบบที่ระบุปรากฏขึ้นครั้งแรกในสตริง ซึ่งมีประสิทธิภาพมากกว่าเมธอด indexOf()

• พารามิเตอร์ของเมธอด search() คือออบเจ็กต์นิพจน์ทั่วไป หากมีการส่งผ่านออบเจ็กต์นิพจน์ที่ไม่ปกติ จะถูกแปลงเป็นออบเจ็กต์นิพจน์ทั่วไปโดยปริยายโดยใช้ "regExp ใหม่ (ส่งผ่านพารามิเตอร์)"
• ค่าที่ส่งคืนของเมธอด search() หลังจากการจับคู่ที่ล้มเหลวคือ -1

split() method : ใช้เพื่อแยกสตริงออกเป็นอาร์เรย์สตริงตามตัวคั่นที่ระบุ อาร์เรย์สตริงแยกไม่รวมตัวคั่น

เมื่อมีตัวคั่นมากกว่าหนึ่งตัว จำเป็นต้องกำหนดอ็อบเจ็กต์ปกติเพื่อให้การดำเนินการแยกสตริงเสร็จสมบูรณ์

• แยกตามเครื่องหมาย "@" และ "." ในสตริง
• พารามิเตอร์ของเมธอด split() คือตัวคั่นที่กำหนดโดยโหมดนิพจน์ทั่วไป และค่าที่ส่งคืนคือผลลัพธ์การแยกที่บันทึกในรูปแบบของอาร์เรย์

โปรดทราบว่า

เมื่อสตริงว่างเปล่า เมธอด split() จะส่งคืนอาร์เรย์ "[""]" ที่มีสตริงว่าง หากสตริงและตัวคั่นเป็นสตริงว่างทั้งคู่ อาร์เรย์ว่าง "[] จะถูกส่งคืน "

• เมื่อใช้การจับคู่ปกติเพื่อแยกสตริง คุณยังสามารถระบุจำนวนการแยกสตริงได้ด้วย
• หลังจากระบุจำนวนการแยกสตริงแล้ว หากจำนวนที่ระบุน้อยกว่าจำนวนการแยกที่ตรงตามกฎในสตริงจริง ผลลัพธ์การแยกอื่นๆ จะถูกละเว้นในผลลัพธ์สุดท้ายที่ส่งคืน

การตรวจสอบความแข็งแกร่งของรหัส

ผ่านด้วยตนเอง

เงื่อนไขการตรวจสอบความแข็งแกร่งของรหัสผ่าน:

1 ความยาว <6 หลัก ไม่มีความแข็งแกร่งของรหัสผ่าน

②ความยาวคือ >6 ตัวอักษรและประกอบด้วยตัวเลข ตัวอักษร หรืออักขระอื่นๆ อย่างใดอย่างหนึ่ง และระดับความปลอดภัยของรหัสผ่านคือ "ต่ำ"

3.มีความยาว >6 ตัวอักษร และประกอบด้วยตัวเลข ตัวอักษร หรืออักขระอื่นๆ สองประเภท ระดับความปลอดภัยของรหัสผ่านคือ "ปานกลาง"

④ หากมีความยาว >6 ตัวอักษรและมีตัวเลข ตัวอักษร หรืออักขระอื่นๆ สามประเภทขึ้นไป ระดับความปลอดภัยของรหัสผ่านคือ "สูง"

ตัวระบุอักขระ

ตัวระบุอักขระ - ตัวระบุ

จะถามคำถาม: จับคู่อักขระที่ต่อเนื่องกัน เช่น ตัวเลข 6 หลักติดต่อกัน "458925"

โซลูชันที่ 1: วัตถุปกติ/dddddd/gi

ปัญหา: การซ้ำ "d" ไม่ใช่เรื่องง่ายและเขียนยุ่งยาก

โซลูชันที่ 2: ใช้ตัวระบุ (?, +, *, { }) เพื่อจับคู่การปรากฏที่ต่อเนื่องกันของอักขระบางตัวให้เสร็จสมบูรณ์ อ็อบเจ็กต์ปกติ/d{6}/gi

คุณสมบัติตัวละคร - การจับคู่ที่โลภและขี้เกียจ

เมื่อใช้อักขระจุด (.) กับตัวระบุ จะสามารถจับคู่อักขระใดๆ ในช่วงหมายเลขที่ระบุได้

• ตัวอย่าง: "^hello.*world$"
• คำอธิบาย: สามารถจับคู่สตริงที่เริ่มต้นจากสวัสดีและลงท้ายด้วย world โดยมีอักขระตั้งแต่ 0 ตัวขึ้นไปอยู่ระหว่างนั้น

นิพจน์ทั่วไปรองรับการจับคู่แบบโลภและการจับคู่แบบขี้เกียจเมื่อจับคู่อักขระใดๆ ภายในช่วงที่ระบุ

• สิ่งที่เรียกว่า greedy หมายถึงการจับคู่อักขระให้ได้มากที่สุด ในขณะที่ Lazy หมายถึงการจับคู่อักขระให้น้อยที่สุด ตามค่าเริ่มต้น จะใช้การจับคู่แบบละโมบ
• หากคุณต้องการจับคู่แบบ Lazy Match คุณต้องเพิ่มสัญลักษณ์ "?" หลังรอบคัดเลือกครั้งก่อน

อักขระวงเล็บ

ในนิพจน์ทั่วไป เนื้อหาที่ล้อมรอบด้วยอักขระวงเล็บ "()" เรียกว่า "นิพจน์ย่อย"

ผล

วงเล็บใช้การจับคู่ catch และ cater และหากไม่ได้ใช้วงเล็บ จะกลายเป็น catch และ er

เมื่อไม่ได้จัดกลุ่ม หมายถึง จับคู่อักขระ c 2 ตัว หลังจากจัดกลุ่มแล้ว หมายถึงจับคู่สตริง "bc" 2 ตัว

การจับภาพและการไม่จับภาพ

: กระบวนการจัดเก็บเนื้อหาที่จับคู่โดยนิพจน์ย่อยลงในพื้นที่แคชของระบบ

การไม่จับภาพ: อย่าเก็บเนื้อหาที่ตรงกันของนิพจน์ย่อยไว้ในแคชของระบบ ใช้ (?:x) เพื่อให้บรรลุเป้าหมายนี้

เมธอดแทนที่ () ของวัตถุ String สามารถใช้ $n ได้โดยตรง (n คือจำนวนเต็มบวกที่มากกว่า 0) เพื่อรับเนื้อหาที่บันทึกและดำเนินการแทนที่เนื้อหาที่บันทึกโดยนิพจน์ย่อยให้เสร็จสมบูรณ์

• พารามิเตอร์แรกคือนิพจน์ทั่วไป ใช้เพื่อจับคู่สตริง str และแทนที่เนื้อหาที่สอดคล้องกับกฎด้วยเนื้อหาที่ตั้งค่าโดยพารามิเตอร์ตัวที่สอง
• $2 แสดงถึงเนื้อหา "Capture" ที่บันทึกโดยนิพจน์ย่อยที่สองในนิพจน์ทั่วไป reg
• $1 แสดงถึงเนื้อหา "ปกติ" ที่บันทึกโดยนิพจน์ย่อยแรก
• ค่าที่ส่งคืนคือสตริงใหม่หลังจากการแทนที่ ดังนั้นเนื้อหาของสตริงต้นฉบับจะไม่ได้รับการแก้ไข

คุณสามารถใช้ "(?:x)" เพื่อให้ได้การจับคู่แบบไม่จับภาพ

การอ้างอิงด้านหลัง

เมื่อเขียนนิพจน์ทั่วไป หากคุณต้องการรับเนื้อหาที่บันทึกไว้ของนิพจน์ย่อยที่จัดเก็บไว้ในพื้นที่แคชในนิพจน์ทั่วไป คุณสามารถใช้ "n" (n คือจำนวนเต็มบวกที่มากกว่า 0) ข้อมูลอ้างอิงนี้ กระบวนการคือ "การอ้างอิงแบบย้อนกลับ"

• "1" แสดงถึงเนื้อหาที่บันทึกไว้ของนิพจน์ย่อยแรก
• "2" แสดงถึงเนื้อหาที่บันทึกไว้ของนิพจน์ย่อยที่สอง และอื่นๆ

• "d" ใช้เพื่อจับคู่ตัวเลขใดๆ ระหว่าง 0 ถึง 9
• หลังจากเพิ่มวงเล็บ "()" เข้าไปแล้ว สามารถรับเนื้อหาที่บันทึกไว้ได้จากการอ้างอิงด้านหลัง
• ดังนั้นผลการจับคู่สุดท้ายคือ 333 และ 666

การยืนยันความกว้างเป็นศูนย์

การยืนยันความกว้างเป็นศูนย์ : หมายถึงการจับคู่นิพจน์ย่อยที่มีความกว้างเป็นศูนย์ ซึ่งใช้เพื่อค้นหาว่าเนื้อหาที่จับคู่โดยนิพจน์ย่อยมีอักขระเฉพาะที่ตั้งค่าก่อนหรือหลัง

การจัดประเภท: แบ่งออกเป็นการดึงข้อมูลล่วงหน้าแบบไปข้างหน้าและแบบย้อนกลับ แต่ JavaScript รองรับเฉพาะการดึงข้อมูลล่วงหน้าเท่านั้น กล่าวคือ การจับคู่ข้อมูลก่อนที่จะมีหรือไม่มีเนื้อหาที่บันทึกไว้ และผลลัพธ์ที่ตรงกันไม่มีเนื้อหาที่บันทึก

ลำดับความสำคัญของตัวดำเนินการปกติ

มีตัวดำเนินการจำนวนมากในนิพจน์ทั่วไป ในการใช้งานจริง โอเปอเรเตอร์ต่างๆ จะถูกจับคู่ตามลำดับความสำคัญ ลำดับความสำคัญของตัวดำเนินการที่ใช้กันทั่วไปในนิพจน์ทั่วไป เรียงลำดับจากสูงไปต่ำมีดังนี้

[กรณี] ​​การค้นหาและการแทนที่เนื้อหา

แนวคิดในการนำโค้ดไปใช้ :

• เขียน HTML และกำหนดฟิลด์ข้อความสองฟิลด์ ฟิลด์หนึ่งสำหรับการป้อนข้อมูลของผู้ใช้ และอีกฟิลด์สำหรับแสดงเนื้อหาที่ถูกกรองแทนที่ตามต้องการ
• ตราบใดที่อินพุตของผู้ใช้มีอักขระจีนที่ไม่ถูกต้อง ให้ใช้ * เพื่อแทนที่
• ค้นหาและแทนที่กฎเนื้อหา: /(bad)|[u4e00-u9fa5]/gi.

การใช้รหัส

	<!DOCTYPE html>
	<html>
	<หัว>
	<meta charset="UTF-8">
	<title>การค้นหาและการแทนที่เนื้อหา</title>
	<สไตล์>
	p {ลอย: ซ้าย;}
	อินพุต {ระยะขอบ: 0 20px;}
	</สไตล์>
	</หัว>
	<ร่างกาย>
	<p>เนื้อหาก่อนการกรอง:<br>
	<textarea id="pre" rows="10" cols="40"></textarea>
	<input id="btn" type="button" value="filter">
	</p>
	<p>เนื้อหาที่กรอง:<br>
	<textarea id="res" rows="10" cols="40"></textarea>
	</p>
	<สคริปต์>
	document.getElementById('btn').onclick = ฟังก์ชั่น () {
	// กำหนดกฎเนื้อหาที่ต้องค้นหาและแทนที่ [u4e00-u9fa5] หมายถึงการจับคู่ตัวอักษรจีน var reg = /(bad)|[u4e00-u9fa5]/gi;
	var str = document.getElementById('pre').value;
	var newstr = str.replace(reg, '*');
	document.getElementById('res').innerHTML = newstr;
	-
	</สคริปต์>
	</ร่างกาย>
	</html>

คำแนะนำที่เกี่ยวข้อง: บทช่วยสอนการเรียนรู้ JavaScript

ข้างต้นคือนิพจน์ทั่วไปของ JavaScript เพียงพอแล้วสำหรับรายละเอียดเพิ่มเติม โปรดใส่ใจกับบทความอื่น ๆ ที่เกี่ยวข้องบนเว็บไซต์ภาษาจีน PHP