30 ตัวอย่างโค้ด Regex ที่มีประโยชน์สำหรับนักพัฒนาเว็บ

นิพจน์ทั่วไปเป็นเครื่องมือที่มีประสิทธิภาพที่ควรอยู่ในแถบเครื่องมือของนักพัฒนาทุกคน พวกเขาสามารถจับคู่กับสตริงของอักขระตามพารามิเตอร์ที่ซับซ้อนมากซึ่งสามารถประหยัดเวลาได้มากเมื่อสร้างเว็บไซต์แบบไดนามิก.

นักพัฒนาเว็บต้องเผชิญกับภารกิจที่แตกต่างจากนักพัฒนาซอฟต์แวร์ แต่ยังมีพื้นฐานรหัสเดิมอยู่มากมาย นิพจน์ทั่วไป (หรือ regex) มี โค้งการเรียนรู้เริ่มต้นที่สูงชัน, แต่พวกเขาสามารถ ทรงพลังอย่างมากเมื่อใช้อย่างถูกต้อง.

ส่วนที่ยากที่สุดคือการเรียนรู้ไวยากรณ์และเรียนรู้วิธีการเขียนรหัส regex ของคุณเองตั้งแต่ต้น เพื่อเป็นการประหยัดเวลาฉันได้จัดทำตัวอย่างโค้ด regex 30 แบบที่คุณสามารถรวมเข้ากับโครงการพัฒนา และเนื่องจาก regex ไม่ได้ จำกัด อยู่ที่ภาษาเดียวคุณสามารถใช้ตัวอย่างเหล่านี้กับอะไรก็ได้ JavaScript ไปยัง PHP หรือ หลาม.

1. ความแข็งแกร่งของรหัสผ่าน

^ (? =. * [AZ]. * [AZ]) (? =. * [! @ # $ & *]) (? =. * [0-9]. * [0-9]) (? = . * [az]. * [az]. * [az]). 8 $

การตรวจสอบความแข็งแกร่งของรหัสผ่านมักเป็นอัตวิสัยดังนั้นจึงไม่มีคำตอบที่ถูกต้องสมบูรณ์ แต่ฉันรู้สึกว่าตัวอย่างโค้ด regex นี้เป็นจุดเริ่มต้นที่ดีหากคุณไม่ต้องการเขียนตัวตรวจสอบความแข็งแรงของรหัสผ่านของคุณเองตั้งแต่เริ่มต้น (ที่มา)

2. สีเลขฐานสิบหก

\ # ([a-fA-F] | [0-9]) 3, 6

ด้านการพัฒนาเว็บเป็นที่แพร่หลายด้วยรหัสสีฐานสิบหก ตัวอย่างโค้ด regex นี้สามารถใช้เพื่อดึงการจับคู่รหัสฐานสิบหกจากสตริงใด ๆ เพื่อวัตถุประสงค์ใด ๆ (ที่มา)

3. ตรวจสอบที่อยู่อีเมล

/[A-Z0-9._%+-]+@[A-Z0-9-]+.+.[A-Z]2,4/igm

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

4. ที่อยู่ IPv4

/\b(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.)3 (:? 25 [0-5] | 2 [0-4] [0-9] | [01] [0-9] [0-9]) \ b /

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

5. ที่อยู่ IPv6

(([0-9a-FA-F] 1,4) 7,7 [0-9a-FA-F] 1,4 | ([0-9a-FA-F] 1 , 4) 1,7: | ([0-9a-FA-F] 1,4) 1,6: [0-9a-FA-F] 1,4 | ([0-9a-FA-F] 1,4) 1,5 ([0-9a-FA-F] 1,4) 1,2 | ([0-9a -fA-F] 1,4) 1,4 ([0-9a-FA-F] 1,4) 1,3 | ([0-9a-FA-F] 1,4) 1,3 ([0-9a-FA-F] 1,4) 1,4 | ([0-9a-FA-F] 1,4 :) 1,2 ([0-9a-FA-F] 1,4) 1,5 | [0-9a-FA-F] 1,4: ((: [0 -9a-FA-F] 1,4) 1,6) |: ((: [0-9a-FA-F] 1,4) 1,7 |) | fe80: ([0-9a-FA-F] 0,4) 0,4% [0-9a-za-Z] 1 |: :( ffff (: 0 1,4) 0,1) 0,1 ((25 [0-5] | (2 [0-4] | 1 0,1 [0-9]) 0,1 [0-9 ]) \) 3,3 (25 [0-5] |. (2 [0-4] | 1 0,1 [0-9]) 0,1 [0-9]) | ([0-9a-FA-F] 1,4) 1,4: ((25 [0-5] | (2 [0-4] | 1 0,1 [0-9 ]) 0,1 [0-9]) \) 3,3 (25 [0-5] |. (2 [0-4] | 1 0,1 [0-9])  0,1 [0-9]))

หรือคุณอาจต้องการตรวจสอบที่อยู่สำหรับไวยากรณ์ IPv6 ที่ใหม่กว่าด้วยตัวอย่าง regex ขั้นสูงนี้ ความแตกต่างอยู่เล็กน้อยแม้ว่าจะมีความสำคัญในระหว่างการพัฒนา (ที่มา)

6. ตัวคั่นหลักพัน

/ \ d 1,3 (? = (\ d 3) + (?! \ D)) / กรัม

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

7. เตรียม HTTP ให้กับไฮเปอร์ลิงก์

if (! s.match (/ ^ [a-zA-Z] +: \ / \ //)) s = 'http: //' + s; 

ไม่ว่าคุณจะทำงานใน JavaScript, Ruby หรือ PHP การแสดงออกปกตินี้สามารถพิสูจน์ได้ว่ามีประโยชน์มาก มันจะตรวจสอบสตริง URL ใด ๆ เพื่อดูว่ามีคำนำหน้า HTTP / HTTPS หรือไม่หากไม่มีให้เติมคำนั้นตามลำดับ (ที่มา)

8. ดึงโดเมนจาก URL

/https?:\/\/(?:[-\w]+\.)?([-\w]+)\.\w+(?:\.\w+)?\/?.*/i

ทุกโดเมนเว็บไซต์มีโปรโตคอลเริ่มต้น (HTTP หรือ HTTPS) และบ่อยครั้งที่โดเมนย่อยรวมถึงเส้นทางหน้าเพิ่มเติม คุณสามารถใช้ตัวอย่างนี้เพื่อตัดผ่านสิ่งเหล่านั้นทั้งหมดและส่งคืนเฉพาะชื่อโดเมนโดยไม่ต้องมีความพิเศษ (SourceL

9. เรียงคำค้นหาตามจำนวนคำ

^ [^ \ s] * $ ตรงกับคำหลัก 1 คำอย่างแน่นอน ^ [^ \ s] * \ s [^ \ s] * $ ตรงกับคำหลัก 2 คำทั้งหมด ^ [^ \ s] * \ s [^ \ s] * ตรงกับคำหลักอย่างน้อย 2 คำ (2 และมากกว่า) ^ ​​([^ \ s] * \ s) 2 [^ \ s] * $ ตรงกับคำหลัก 3 คำทั้งหมด ^ ([^ \ s] * \ s ) 4 [^ \ s] * $ ตรงกับคำหลัก 5 คำขึ้นไป (หางยาว)

ผู้ใช้ Google Analytics และเครื่องมือของผู้ดูแลเว็บจะเพลิดเพลินไปกับการแสดงออกปกตินี้จริงๆ สามารถเรียงลำดับและจัดระเบียบคำหลักตามจำนวนคำที่ใช้ในการค้นหา.

นี่อาจเป็นตัวเลขเฉพาะ (เช่นเพียง 5 คำ) หรือสามารถจับคู่ช่วงของคำ (เช่น 2 คำขึ้นไป) เมื่อใช้ในการเรียงลำดับข้อมูลการวิเคราะห์นี่เป็นนิพจน์ที่มีประสิทธิภาพอย่างหนึ่ง (ที่มา)

10. ค้นหา Base64 String ที่ถูกต้องใน PHP

\? php [\ t] eval \ (base64_decode \ (\ '(([A-Za-z0-9 + /] 4) * ([A-Za-z0-9 + /] 3 = | [A-Za-Z0-9 + /] 2 ==)) 1 \ '\) \) \;

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

11. หมายเลขโทรศัพท์ที่ถูกต้อง

^ \ +? \ d 1,3? [-.]? \ (? (?: \ d 2,3) \)? [-.]? \ d \ d \ d [-.]? \ d \ d \ d \ d $

สั้นหวานและตรงประเด็น รหัส regex นี้จะตรวจสอบความถูกต้องของไวยากรณ์หมายเลขโทรศัพท์ใด ๆ โดยยึดตามหมายเลขโทรศัพท์แบบอเมริกันเป็นหลัก.

เนื่องจากสิ่งนี้สามารถเปลี่ยนเป็นเรื่องที่ค่อนข้างซับซ้อนได้ฉันขอแนะนำให้อ่านสแต็กเธรดนี้เพื่อรับคำตอบโดยละเอียด (ที่มา)

12. ช่องว่างชั้นนำและท้ายสุด

^ [\ s] + | [\ s] + $

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

13. ดึงที่มาของภาพ)

\< *[img][^\>] * [src] * = * [\ "\ '] 0,1 ([^ \" \' \>] *)

หากด้วยเหตุผลบางประการคุณต้องดึงที่มาของภาพออกมาจาก HTML โดยตรงโค้ดนี้เป็นโซลูชันที่สมบูรณ์แบบ แม้ว่าจะสามารถทำงานได้อย่างราบรื่นบนแบ็กเอนด์ส่วนหน้า JS devs ควรพึ่งพาเมธอด. atr () ของ jQuery สำหรับส่วนหน้า (ที่มา)

14. ตรวจสอบวันที่ในรูปแบบ DD / MM / YYYY

^ (:( ?: 31 (\ / | - |?. \) (?: 0 [13578] | 1 [02])) | (? :( ?: 29 | 30) \ 1 (\ / | - | \) (?: 0 [1,3-9] |. 1 [0-2]) \ 2)) (:( ?: 1 [6-9] | [2-9] \ D)? \ d 2) $ | ^ (?: 29 (\ / | - |. \)? 0 2 \ 3 (:( :( ?: 1 [6-9] | [2-9] \ d ) (?: 0 [48] | [2468] [048] | [13579] [26]) | (:( ?: 16 | [2468] [048] | [3579] [26]) 00)) )) $ | ^ (?: 0 [1-9] | 1 \ d | 2 [0-8]) (\ / | - |?.? \) (:( ?: 0 [1-9]) | (: 1 [0-2])?) \ 4 (:( ?: 1 [6-9] | [2-9] \ d) \ d 2) $

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

15. การจับคู่รหัสวิดีโอ YouTube

/http:\/\/(?:youtu\.be\/|(?:[az]2,3\.)?youtube\.com\/watch(?:\?|#\!)v =) ([w \ -]. 11) * / GI

YouTube ใช้โครงสร้าง URL เดิมมาหลายปีเพราะใช้งานได้จริง นอกจากนี้ยังเป็นเว็บไซต์แบ่งปันวิดีโอยอดนิยมบนเว็บดังนั้นวิดีโอ YouTube มักจะทำให้เกิดการเข้าชมมากที่สุด.

หากคุณต้องการดึงรหัสวิดีโอ YouTube ออกจาก URL รหัส regex นี้สมบูรณ์แบบและควรทำงานอย่างสมบูรณ์แบบสำหรับโครงสร้าง URL ของ YouTube ทุกรูปแบบ (ที่มา)

16. ไอที่ถูกต้อง

/ \ b (?: ISBN (? ::? |))? ((?: 97 [89])? \ d 9 [\ dx]) \ b / i

หนังสือที่พิมพ์ตามระบบเลขที่รู้จักกันในชื่อไอ สิ่งนี้อาจค่อนข้างยุ่งยากเมื่อคุณพิจารณาความแตกต่างระหว่าง ISBN-10 และ ISBN-13.

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

17. ตรวจสอบรหัสไปรษณีย์

^ \ d 5 (: [- \ s] \ d 4)? $

ผู้สร้างตัวอย่างนี้ไม่เพียง แต่ปล่อยผลงานของเขาฟรีเท่านั้น แต่เขายังใช้เวลาอธิบาย คุณจะพบข้อมูลโค้ดนี้มีประโยชน์ไม่ว่าคุณจะจับคู่รหัสไปรษณีย์ 5 หลักทั่วไปหรือรุ่นที่มีความยาว 9 หลัก.

โปรดจำไว้ว่าสิ่งนี้มีไว้สำหรับระบบรหัสไปรษณีย์ของอเมริกาเป็นหลักดังนั้นจึงอาจต้องมีการปรับเปลี่ยนสำหรับประเทศอื่น ๆ (ที่มา)

18. ชื่อผู้ใช้ Twitter ที่ถูกต้อง

/ @ ([A-Za-Z0-9 _] 1,15) /

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

19. หมายเลขบัตรเครดิต

^ (?: 4 [0-9] 12 ([0-9] 3) | 5 [1-5] [0-9] 14 | 6 (:? 011 | 5 [ 0-9] [0-9]) [0-9] 12 | 3 [47] [0-9] 13 | 3 (: 0 [0-5] | [68] [0-9 ]) [0-9] 11 | (: 2131 | 1800 | 35 \ d 3) \ d 11) $

การตรวจสอบหมายเลขบัตรเครดิตมักต้องการแพลตฟอร์มที่ปลอดภัยซึ่งโฮสต์อยู่ที่อื่นทางออนไลน์ แต่สามารถใช้ regex สำหรับความต้องการขั้นต่ำของหมายเลขบัตรเครดิตทั่วไป.

รายการรหัสที่ครอบคลุมมากขึ้นสำหรับบัตรแต่ละใบมีอยู่ที่นี่ ซึ่งรวมถึง Visa, MasterCard, Discover และอื่น ๆ อีกมากมาย (ที่มา)

20. ค้นหาคุณสมบัติ CSS

^ \ s * [a-zA-Z \ -] + \ s * [:] 1 \ s [. A-zA-Z0-9 \ s #] + [;] 1

อาจเป็นเรื่องยากที่จะเรียกใช้ regex ผ่าน CSS แต่ก็ไม่ใช่สถานการณ์ที่แปลกอย่างไม่น่าเชื่อเช่นกัน.

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

21. ตัดความคิดเห็น HTML

หากคุณต้องการลบความคิดเห็นทั้งหมดออกจากบล็อก HTML ไม่ว่าจะด้วยเหตุผลใดก็ตามนี่คือรหัส regex ที่จะใช้ นอกจากนิพจน์แล้วคุณจะพบตัวอย่าง PHP โดยใช้ preg_replace (ที่มา)

22. URL โปรไฟล์ Facebook

/(?:http:\/\/)?(?:www\.)?facebook\.com\/(?:(?:\w)*#!\/)?(?:pages\/)? (: [w \ \ -] * \ /) * ([w \ \ -] *) /

Facebook เป็นที่นิยมอย่างไม่น่าเชื่อและผ่านโครงร่าง URL ที่แตกต่างกันมากมาย ในสถานการณ์ที่คุณใช้ URL ของโปรไฟล์จากผู้ใช้อาจเป็นประโยชน์ในการวิเคราะห์สตริงและยืนยันว่าโครงสร้างถูกต้อง ตัวอย่างนี้สามารถทำสิ่งนั้นได้อย่างสมบูรณ์และเหมาะสำหรับลิงก์ FB สไตล์ทั้งหมด (ที่มา)

23. ตรวจสอบรุ่นของ Internet Explorer

^. * MSIE [5-8] (?: \. [0-9] +)? (?!. * ตรีศูล \ / [5-9] \. 0). * $

การย้ายไปยัง Edge ของ Microsoft ไม่ได้เป็นเอกฉันท์และหลายคนยังคงพึ่งพา Internet Explorer แบบคลาสสิก นักพัฒนามักจะต้องตรวจสอบเวอร์ชันของ IE เพื่อจัดการกับเครื่องมือแสดงผลที่ไม่สอดคล้องกัน.

ตัวอย่างนี้สามารถใช้ใน JavaScript เพื่อทดสอบตัวแทนเบราว์เซอร์ตามเวอร์ชันของ Internet Explorer (5-11) ที่ใช้ (ที่มา)

24. แยกราคา

/(\$[0-9,]+(\.[0-9]2)?)/

การกำหนดราคามีหลายรูปแบบที่ประกอบด้วยทศนิยมเครื่องหมายจุลภาคและสัญลักษณ์สกุลเงิน นิพจน์ทั่วไปนี้สามารถตรวจสอบรูปแบบต่าง ๆ เหล่านี้เพื่อดึงราคาจากสตริงใด ๆ (ที่มา)

25. แยกส่วนหัวอีเมล

/\b[A-Z0-9._%+-]+@(?:[A-Z0-9-]+\.)+[A-Z]2,6\b/i

ด้วยรหัสบรรทัดเดียวนี้คุณสามารถแยกส่วนหัวอีเมลเพื่อดึงออก “ไปยัง” ข้อมูลจากส่วนหัว สามารถใช้ควบคู่กับอีเมลหลายฉบับรวมเข้าด้วยกัน.

หากคุณต้องการหลีกเลี่ยงการ regex สำหรับงานนี้คุณอาจต้องพึ่งพาห้องสมุดการแยกวิเคราะห์ (ที่มา)

26. จับคู่ไฟล์เฉพาะ

/^(.*\.(?!(htm|html|class|js)$))?[^.]*$/i

เมื่อคุณจัดการกับรูปแบบไฟล์ต่าง ๆ เช่น. xml, .html และ. js มันสามารถช่วยตรวจสอบไฟล์ทั้งในเครื่องและอัพโหลดโดยผู้ใช้ ตัวอย่างนี้ดึงนามสกุลไฟล์เพื่อตรวจสอบว่าถูกต้องจากชุดของนามสกุลที่ถูกต้องซึ่งสามารถเปลี่ยนแปลงได้ตามต้องการ (ที่มา)

27. จับคู่สตริง URL

/[-a-zA-Z0-9@:%_\+.~#?&//=]2,256\.[az]2,4\b(\/[-a-zA-Z0 -9 @:.?% _ \ + ~ # & // =] *) / GI

ตัวอย่างนี้สามารถใช้ทั้งสำหรับ HTTPS และสตริง HTTP เพื่อตรวจสอบว่าข้อความตรงกับไวยากรณ์โดเมน TLD แบบดั้งเดิม นอกจากนี้ยังมีการใช้งาน regex นี้อย่างง่ายโดยใช้ RegExp ของ JavaScript (ที่มา)

28. ผนวก rel =”ไม่ปฏิบัติตาม” ไปยังลิงค์

(] *) (href = "https?: //) ((?! (?: (\: www \.)? '. implode (' | (?: www \.)? ', $ follow_list)') ?!.) [^ "] +)" ((* \ Brel =) [^>] *) (: [^>] *)>

หากคุณกำลังทำงานกับชุดของรหัส HTML มันน่ากลัวที่จะใช้แรงงานด้วยตนเองในงานซ้ำ ๆ การแสดงออกปกติเหมาะอย่างยิ่งสำหรับโอกาสนี้และพวกเขาจะประหยัดเวลาได้มาก.

ตัวอย่างนี้สามารถดึงลิงค์จุดยึดทั้งหมดจากบล็อก HTML และต่อท้าย rel =”ไม่ปฏิบัติตาม” คุณลักษณะให้กับทุกองค์ประกอบ นักพัฒนาที่เขียนโค้ดนี้มีความใจดีพอที่จะเผยแพร่นิพจน์ดิบรวมถึงตัวอย่างการทำงานใน PHP.

29. Media Query Match

/ @ สื่อ ([^ ] +) \ ([\ s \ S] +?) \ s * / g

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

30. Google Search Syntax

/( ที่อยู่เหนือ + / เหมือนกัน?(?:'.+?'|".+?"|ه^+\-] 1 [^] *)) / g

คุณสามารถสร้างรหัส regex ของคุณเองเพื่อจัดการกับข้อความที่ค้นหาได้โดยใช้ไวยากรณ์เครื่องหมายการค้าของ Google เครื่องหมายบวก (+) หมายถึงคำหลักเพิ่มเติมและเครื่องหมายลบ (-) หมายถึงคำที่ควรละเว้นและลบออกจากผลลัพธ์.

มันเป็นตัวอย่างที่ค่อนข้างซับซ้อน แต่ใช้อย่างถูกต้องมันสามารถเป็นฐานสำหรับการสร้างอัลกอริทึมการค้นหาของคุณเอง (ที่มา)

สรุป

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

ตอนนี้อ่าน:

50 ตัวอย่าง CSS ที่เป็นประโยชน์ที่นักออกแบบทุกคนควรมี