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 {
      font-size: 18px;
      font-weight: 500;
      color: rebeccapurple;
   }
</style>
</head>
<body>
<h1>Breaking a loop in functional programming JavaScript</h1>
<div class="result"></div>
<button class="Btn">Click here</button>
<h3>Click on the above button to iterate fruitArr array and exit if peach is
found</h3>
<script>
   let resEle = document.querySelector(".result");
   let fruitArr = ["apple", "mango", "peach", "papaya", "watermelon"];
   document.querySelector(".Btn").addEventListener("click", () => {
      fruitArr.some(function (fruit) {
         if (fruit === "peach") {
            return true;
         }
         resEle.innerHTML += fruit + "<br>";
      });
   });
</script>
</body>
</html>

आउटपुट

कार्यात्मक प्रोग्रामिंग जावास्क्रिप्ट में एक लूप तोड़ना।

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

कार्यात्मक प्रोग्रामिंग जावास्क्रिप्ट में एक लूप तोड़ना।


  1. जावास्क्रिप्ट में लूप में देरी कैसे जोड़ें?

    लूप में देरी जोड़ने के लिए, जावास्क्रिप्ट में सेटटाइमआउट () विधि का उपयोग करें। लूप में विलंब जोड़ने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=d

  1. कार्यात्मक प्रोग्रामिंग जावास्क्रिप्ट में एक लूप जारी रखना।

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

  1. जावास्क्रिप्ट में एसिंक्रोनस लूप को कैसे कार्यान्वित करें?

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