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: 20px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Array De-structuring in JavaScript</h1>
<div class="sample"></div>
<div style="color: green;" class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to destructure the above array</h3>
<script>
   let sampleEle = document.querySelector(".sample");
   let resEle = document.querySelector(".result");
   let arr = ["F", "G", 22, 44];
   sampleEle.innerHTML = "arr = " + arr;
   let a, b, c, d;
   document.querySelector(".Btn").addEventListener("click", () => {
      [a, b, c, d] = arr;
      resEle.innerHTML = "After destructuring array :<br> ";
      resEle.innerHTML += `a=${a} b=${b} c=${c} d=${d}`;
   });
</script>
</body>
</html>

आउटपुट

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

जावास्क्रिप्ट में ऐरे डी-स्ट्रक्चरिंग।

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

जावास्क्रिप्ट में ऐरे डी-स्ट्रक्चरिंग।


  1. जावास्क्रिप्ट में नेस्टेड डी-स्ट्रक्चरिंग।

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

  1. जावास्क्रिप्ट में ऑब्जेक्ट डी-स्ट्रक्चरिंग।

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

  1. जावास्क्रिप्ट में डी-स्ट्रक्चरिंग असाइनमेंट।

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