JS กวดวิชา

เจเอสโฮม JS Introduction JS Where To JS เอาท์พุต งบ JS JS ไวยากรณ์ JS ความคิดเห็น ตัวแปร JS เจเอส เลท JS Const JS Operators JS เลขคณิต JS Assignment ประเภทข้อมูล JS ฟังก์ชัน JS วัตถุ JS JS Events JS Strings JS String Methods JS String Search เทมเพลตสตริง JS JS Numbers JS Number Methods JS Arrays JS Array Methods JS Array Sort JS Array Iteration JS Array Const JS Dates รูปแบบวันที่ JS JS วันที่รับเมธอด JS Date Set Methods JS Math JS สุ่ม JS Booleans JS เปรียบเทียบ JS Conditions JS Switch JS ลูปสำหรับ JS Loop สำหรับ In JS วนสำหรับ Of JS วนรอบในขณะที่ JS Break JS Iterables JS ชุด JS Maps JS Typeof JS ประเภทการแปลง JS Bitwise JS RegExp JS Errors JS ขอบเขต JS Hoisting JS โหมดเข้มงวด JS คำสำคัญนี้ JS Arrow Function JS Classes JS JSON JS Debugging คู่มือสไตล์ JS JS แนวทางปฏิบัติที่ดีที่สุด JS ความผิดพลาด JS Performance JS สงวนคำ

เวอร์ชัน JS

เวอร์ชัน JS JS 2009 (ES5) เจเอส 2015 (ES6) JS 2016 JS 2017 JS 2018 JS IE / ขอบ JS History

วัตถุ JS

คำจำกัดความของวัตถุ คุณสมบัติของวัตถุ วิธีการวัตถุ การแสดงวัตถุ อุปกรณ์เสริมวัตถุ ตัวสร้างวัตถุ ต้นแบบวัตถุ วัตถุ Iterables ชุดวัตถุ แผนที่วัตถุ การอ้างอิงวัตถุ

ฟังก์ชัน JS

คำจำกัดความของฟังก์ชัน พารามิเตอร์ฟังก์ชัน เรียกใช้ฟังก์ชัน เรียกฟังก์ชัน ฟังก์ชัน สมัคร การปิดฟังก์ชัน

JS Classes

แนะนำคลาส การสืบทอดคลาส คลาสคงที่

JS Async

JS Callbacks JS แบบอะซิงโครนัส JS Promises JS Async/รอ

JS HTML DOM

บทนำ DOM วิธี DOM เอกสาร DOM องค์ประกอบ DOM DOM HTML แบบฟอร์ม DOM DOM CSS ภาพเคลื่อนไหว DOM กิจกรรม DOM DOM Event Listener การนำทาง DOM โหนด DOM DOM Collections รายการโหนด DOM

JS เบราว์เซอร์ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS Web APIs

แนะนำ Web API เว็บฟอร์ม API API ประวัติเว็บ API ที่เก็บข้อมูลเว็บ Web Worker API API ดึงเว็บ เว็บ Geolocation API

JS AJAX

บทนำ AJAX AJAX XMLHttp คำขอ AJAX การตอบสนอง AJAX ไฟล์ AJAX XML AJAX PHP AJAX ASP ฐานข้อมูล AJAX แอปพลิเคชัน AJAX ตัวอย่าง AJAX

JS JSON

บทนำ JSON ไวยากรณ์ JSON JSON กับ XML ประเภทข้อมูล JSON JSON Parse JSON สตริงริฟาย วัตถุ JSON อาร์เรย์ JSON เซิร์ฟเวอร์ JSON JSON PHP JSON HTML JSON JSONP

JS กับ jQuery

ตัวเลือก jQuery jQuery HTML jQuery CSS jQuery DOM

JS กราฟิก

JS กราฟิก JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

ตัวอย่าง JS

ตัวอย่าง JS JS HTML DOM JS HTML อินพุต JS HTML Objects JS HTML Events JS Browser JS Editor JS แบบฝึกหัด JS Quiz ใบรับรอง JS

JS References

วัตถุ JavaScript วัตถุ HTML DOM


JavaScript Regular Expressions


นิพจน์ทั่วไปคือลำดับของอักขระที่สร้างรูปแบบการค้นหา

รูปแบบการค้นหาสามารถใช้สำหรับการค้นหาข้อความและการดำเนินการแทนที่ข้อความ


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

นิพจน์ทั่วไปคือลำดับของอักขระที่สร้างรูปแบบการค้นหา

เมื่อคุณค้นหาข้อมูลในข้อความ คุณสามารถใช้รูปแบบการค้นหานี้เพื่ออธิบายสิ่งที่คุณกำลังค้นหา

นิพจน์ทั่วไปอาจเป็นอักขระตัวเดียวหรือรูปแบบที่ซับซ้อนกว่าก็ได้

นิพจน์ทั่วไปสามารถใช้เพื่อดำเนินการค้นหาข้อความ และการแทนที่ข้อความ ทุกประเภท

ไวยากรณ์

/pattern/modifiers;

ตัวอย่าง

/w3schools/i;

ตัวอย่างอธิบาย:

/w3schools/i   เป็นนิพจน์ทั่วไป

w3schools   เป็นรูปแบบ (ที่จะใช้ในการค้นหา)

i   เป็นตัวแก้ไข (แก้ไขการค้นหาให้คำนึงถึงตัวพิมพ์เล็กและตัวพิมพ์ใหญ่)


การใช้วิธีการสตริง

ใน JavaScript นิพจน์ทั่วไปมักใช้กับวิธีสตริงสอง วิธี : search()และreplace()

เมธอด นี้search()ใช้นิพจน์เพื่อค้นหาการจับคู่ และส่งกลับตำแหน่งของการจับคู่

replace()เมธอดส่งคืนสตริงที่แก้ไขซึ่งรูปแบบถูกแทนที่


การใช้การค้นหาสตริง () กับสตริง

วิธี การsearch()ค้นหาสตริงสำหรับค่าที่ระบุและส่งกลับตำแหน่งของการจับคู่:

ตัวอย่าง

ใช้สตริงเพื่อค้นหา "W3schools" ในสตริง:

let text = "Visit W3Schools!";
let n = text.search("W3Schools");

ผลลัพธ์ในnจะเป็น:

6


ใช้การค้นหาสตริง () ด้วยนิพจน์ทั่วไป

ตัวอย่าง

ใช้นิพจน์ทั่วไปเพื่อค้นหา "w3schools" โดยไม่พิจารณาตัวพิมพ์เล็กและตัวพิมพ์ใหญ่ในสตริง:

let text = "Visit W3Schools";
let n = text.search(/w3schools/i);

ผลลัพธ์ในnจะเป็น:

6



การใช้สตริงแทนที่ () ด้วยสตริง

วิธี การreplace()แทนที่ค่าที่ระบุด้วยค่าอื่นในสตริง:

let text = "Visit Microsoft!";
let result = text.replace("Microsoft", "W3Schools");

ใช้การแทนที่สตริง () ด้วยนิพจน์ทั่วไป

ตัวอย่าง

ใช้นิพจน์ทั่วไปที่ไม่คำนึงถึงขนาดตัวพิมพ์เพื่อแทนที่ Microsoft ด้วย W3Schools ในสตริง:

let text = "Visit Microsoft!";
let result = text.replace(/microsoft/i, "W3Schools");

ผลลัพธ์ในความละเอียดจะเป็น:

Visit W3Schools!

สังเกตไหม?

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


ตัวแก้ไขนิพจน์ทั่วไป

ตัวดัดแปลงสามารถใช้เพื่อทำการค้นหาทั่วโลกโดยไม่พิจารณาตัวพิมพ์เล็กและตัวพิมพ์ใหญ่:

Modifier Description Try it
i Perform case-insensitive matching
g Perform a global match (find all matches rather than stopping after the first match)
m Perform multiline matching

รูปแบบนิพจน์ทั่วไป

วงเล็บถูกใช้เพื่อค้นหาช่วงของอักขระ:

Expression Description Try it
[abc] Find any of the characters between the brackets
[0-9] Find any of the digits between the brackets
(x|y) Find any of the alternatives separated with |

Metacharactersเป็นอักขระที่มีความหมายพิเศษ:

Metacharacter Description Try it
\d Find a digit
\s Find a whitespace character
\b Find a match at the beginning of a word like this: \bWORD, or at the end of a word like this: WORD\b
\uxxxx Find the Unicode character specified by the hexadecimal number xxxx

ปริมาณกำหนดปริมาณ:

Quantifier Description Try it
n+ Matches any string that contains at least one n
n* Matches any string that contains zero or more occurrences of n
n? Matches any string that contains zero or one occurrences of n

การใช้วัตถุ RegExp

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


ใช้การทดสอบ ()

เมธอด นี้test()เป็นเมธอดนิพจน์ RegExp

มันค้นหาสตริงสำหรับรูปแบบ และคืนค่าจริงหรือเท็จ ขึ้นอยู่กับผลลัพธ์

ตัวอย่างต่อไปนี้ค้นหาสตริงสำหรับอักขระ "e":

ตัวอย่าง

const pattern = /e/;
pattern.test("The best things in life are free!");

เนื่องจากมี "e" ในสตริง ผลลัพธ์ของโค้ดด้านบนจะเป็น:

true

คุณไม่จำเป็นต้องใส่นิพจน์ทั่วไปในตัวแปรก่อน สองบรรทัดข้างต้นสามารถย่อให้สั้นลงเหลือหนึ่ง:

/e/.test("The best things in life are free!");

ใช้ exec()

เมธอด นี้exec()เป็นเมธอดนิพจน์ RegExp

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

หากไม่พบรายการที่ตรงกัน จะส่งกลับวัตถุว่าง( null)

ตัวอย่างต่อไปนี้ค้นหาสตริงสำหรับอักขระ "e":

ตัวอย่าง

/e/.exec("The best things in life are free!");

กรอกข้อมูลอ้างอิง RegExp ให้สมบูรณ์

สำหรับข้อมูลอ้างอิงที่สมบูรณ์ ไปที่ การอ้างอิงJavaScript RegExp ฉบับสมบูรณ์ของ เรา

ข้อมูลอ้างอิงประกอบด้วยคำอธิบายและตัวอย่างของคุณสมบัติและวิธีการ RegExp ทั้งหมด