Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> 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>

आउटपुट

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

जावास्क्रिप्ट रेगुलर एक्सप्रेशन

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

जावास्क्रिप्ट रेगुलर एक्सप्रेशन


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

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

  1. कैसे जांचें कि जावास्क्रिप्ट में कोई दस्तावेज़ तैयार है या नहीं?

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

  1. जावास्क्रिप्ट में गतिशील आयात।

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