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

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


जावास्क्रिप्ट में for लूप का उपयोग करके किसी खाली वस्तु में गुण सेट करने के लिए निम्नलिखित कोड है -

उदाहरण

<!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>Setting property in an empty object using for loop</h1>
<div class="result"></div>
<button class="Btn">CLICK HERE</button>
<h3>Click on the above button to populate the empty object obj1</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   let obj = {
      firstName: "Rohan",
      lastName: "Sharma",
      age: 14,
      class: 8,
   };
   let obj1 = {};
   BtnEle.addEventListener("click", () => {
      for (let i in obj) {
         obj1[i] = obj[i];
      }
      for (let i in obj1) {
         resEle.innerHTML += "key = " + i + " : Value = " + obj1[i] + "<br>";
      }
   });
</script>
</body>
</html>

आउटपुट

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

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

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

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


  1. क्या हम जावास्क्रिप्ट में डीकंस्ट्रक्शन का उपयोग करके किसी ऑब्जेक्ट को नई प्रॉपर्टी असाइन कर सकते हैं?

    जावास्क्रिप्ट में डीकंस्ट्रक्शन का उपयोग करके किसी ऑब्जेक्ट को नई प्रॉपर्टी असाइन करने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, i

  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&g