जावास्क्रिप्ट रेगुलर एक्सप्रेशन्स में नेम्ड कैप्चर ग्रुप्स

परिचय

जावास्क्रिप्ट में, आप रेगुलर एक्सप्रेशन के किसी भाग को ग्रुप कर सकते हैं। इसे पैरेंथेसिस में कैरेक्टर्स को एनकैप्सुलेट करके किया जाता है। नेम्ड कैप्चर ग्रुप्स (ES2018 में पेश किए गए) आपको प्रत्येक ग्रुप को एक नाम असाइन करने की अनुमति देते हैं, जिससे कोड अधिक पठनीय और रखरखाव योग्य बनता है।

उदाहरण

निम्न उदाहरण दर्शाता है कि नेम्ड कैप्चर ग्रुप का उपयोग करके एक स्ट्रिंग से वर्ष कैसे निकाला जाए:

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>नेम्ड कैप्चर ग्रुप्स उदाहरण</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .sample, .result { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>नेम्ड कैप्चर ग्रुप्स - रेगुलर एक्सप्रेशन्स</h1> <div class="sample">वह वर्ष जिसमें मैंने स्कूल पास किया था 2012।</div> <div style="color: green;" class="result"></div> <button class="btn">यहाँ क्लिक करें</button> <h3> नेम्ड ग्रुप्स का उपयोग करके वर्ष निकालने के लिए ऊपर दिए गए बटन पर क्लिक करें </h3> <script> const sampleEle = document.querySelector(".sample").innerHTML; const btnEle = document.querySelector(".btn"); const resEle = document.querySelector(".result"); // नेम्ड कैप्चर ग्रुप 'year' का उपयोग करके 4 अंकों का वर्ष मिलान करें const yearRegex = /(?<year>\d{4})/g; btnEle.addEventListener("click", () => { const match = sampleEle.match(yearRegex); resEle.innerHTML = "वर्ष = " + (match ? match[0] : 'नहीं मिला'); }); </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा:

'यहाँ क्लिक करें' बटन पर क्लिक करने पर:

मुख्य बिंदु

• नेम्ड कैप्चर ग्रुप्स सिंटैक्स: (?<name>pattern)
• मिलान परिणाम groups प्रॉपर्टी के माध्यम से नाम द्वारा एक्सेसिबल होते हैं
• कोड पठनीयता में सुधार करता है और संख्यात्मक इंडेक्स पर निर्भरता कम करता है