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;
   }
   .result,
   .sample {
      font-size: 18px;
      color: blueviolet;
      font-weight: 500;
   }
   .sample {
      color: red;
   }
</style>
</head>
<body>
<h1>Looping over regex matches</h1>
<div class="sample">
There is a cat lying besides the cricket bat and chasing the rat
</div>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to match words ending with 'at' in the above
sentence</h3>
<script>
   let BtnEle = document.querySelector(".Btn");
   let resEle = document.querySelector(".result");
   let sampleEle = document.querySelector(".sample");
   let text = sampleEle.innerHTML;
   BtnEle.addEventListener("click", () => {
      text.match(/at/g).forEach((element) => {
         resEle.innerHTML += 'Found a match ending with "at" <br>';
      });
   });
</script>
</body>
</html>

आउटपुट

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

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

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



  1. जावास्क्रिप्ट रेगुलर एक्सप्रेशन संशोधक को उदाहरणों के साथ समझाएं

    जावास्क्रिप्ट रेगुलर एक्सप्रेशन संशोधक रेगुलर एक्सप्रेशन का वैकल्पिक हिस्सा हैं और हमें केस असंवेदनशील और वैश्विक खोजकर्ता करने की अनुमति देते हैं। संशोधक को एक साथ भी जोड़ा जा सकता है। संशोधक निम्नलिखित हैं - संशोधक विवरण g यह वैश्विक मिलान को सक्षम बनाता है और पहले मैच पर रुकने के बजाय सभी मि

  1. जावास्क्रिप्ट नियमित अभिव्यक्तियों में प्रारूप एबीसी -1234 कैसे बनाएं?

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

  1. उदाहरण के साथ जावास्क्रिप्ट में वंशानुक्रम

    जावास्क्रिप्ट एक वस्तु-आधारित भाषा है जो प्रोटोटाइप पर आधारित है। प्रोटोटाइप ऑब्जेक्ट का उपयोग करके जावास्क्रिप्ट में वंशानुक्रम लागू किया गया है। जावास्क्रिप्ट में इनहेरिटेंस को लागू करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta