Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript रेगुलर एक्सप्रेशन


रेगुलर एक्सप्रेशन कैरेक्टर्स की एक स्ट्रिंग है जो एक सर्च पैटर्न को दर्शाती है। इस सर्च पैटर्न का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि हम टेक्स्ट में क्या खोज रहे हैं।

उदाहरण

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .sample,.result{       font-size: 18px;       font-weight: 500;       color:red;    } </style> </head> <body> <h1>JavaScript Regular Expressions</h1> <div class="sample">The king bought the ring and went to the palace.</div> <div style='color:black' class="result"></div> <button class="Btn">CLICK HERE</button> <h3> Click on the above button to replace king with queen in the text above </h3> <script>    let sampleEle = document.querySelector('.sample');    let resultEle = document.querySelector('.result');    document.querySelector('.Btn').addEventListener('click',()=>{       let newText = sampleEle.innerHTML.replace(/king/gi,'queen');       resultEle.innerHTML = 'Result = ' + newText;    }) </script> </body> </html>

आउटपुट

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

JavaScript रेगुलर एक्सप्रेशन

'CLICK HERE' बटन पर क्लिक करने पर -

JavaScript रेगुलर एक्सप्रेशन


  1. जावास्क्रिप्ट में फंक्शन एक्सप्रेशन्स क्या हैं? जावास्क्रिप्ट में फंक्शन एक्सप्रेशन्स क्या हैं?

    फंक्शन एक्सप्रेशन्स हमें फंक्शन को एक वेरिएबल में स्टोर करने की अनुमति देते हैं जिसे बाद में वेरिएबल नाम का उपयोग करके इनवोक किया जा सकता है। वे सामान्य फंक्शन डिक्लेरेशन की तरह होइस्ट नहीं होते इसलिए उन्हें परिभाषित होने से पहले नहीं बुलाया जा सकता। जावास्क्रिप्ट में फंक्शन एक्सप्रेशन्स को लागू कर

  1. जावास्क्रिप्ट में डॉक्यूमेंट रेडी है या नहीं कैसे जांचें? जावास्क्रिप्ट में डॉक्यूमेंट रेडी है या नहीं कैसे जांचें?

    जावास्क्रिप्ट में डॉक्यूमेंट रेडी है या नहीं जांचने के लिए कोड निम्नलिखित है: उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Document</title> <style> &nbs

  1. जावास्क्रिप्ट में डायनामिक इम्पोर्ट्स जावास्क्रिप्ट में डायनामिक इम्पोर्ट्स

    जावास्क्रिप्ट में डायनामिक इम्पोर्ट्स के लिए कोड निम्नलिखित है: उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <meta name=viewport content=width=device-width, initial-scale=1.0 /> <title>Document</title> <style>    body