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

जावास्क्रिप्ट गुणों का उपयोग कैसे करें?

<घंटा/>

जावास्क्रिप्ट गुणों तक पहुँचने के तीन तरीके हैं -

  • डॉट प्रॉपर्टी एक्सेस का उपयोग करना:object.property
  • स्क्वायर ब्रैकेट नोटेशन का इस्तेमाल करना:ऑब्जेक्ट['प्रॉपर्टी']
  • ऑब्जेक्ट डिस्ट्रक्टिंग का उपयोग करना:चलो {property} =object

जावास्क्रिप्ट ऑब्जेक्ट गुणों तक पहुँचने के लिए कोड निम्नलिखित है -

उदाहरण

<!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;
      font-weight: 500;
      color: blueviolet;
   }
   .sample {
      color: red;
   }
</style>
</head>
<body>
<h1>Access JavaScript object properties</h1>
<div><pre class="sample">{a:22,b:44}</pre></div>
<div class="result"></div>
<button class="Btn">Access</button>
<h3>Click on the above button to access object properites</h3>
<script>
   let resEle = document.querySelector(".result");
   let BtnEle = document.querySelector(".Btn");
   let obj = { a: 22, b: 44 };
   BtnEle.addEventListener("click", () => {
      resEle.innerHTML += "obj.a = " + obj.a + "<br>";
      resEle.innerHTML += "obj['a'] = " + obj["a"] + "<br>";
      let { a } = obj;
      resEle.innerHTML += "{a}=obj = " + a + "<br>";
   });
</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" /> <tit

  1. जावास्क्रिप्ट में साझा गुण

    गुणों को वस्तु के प्रोटोटाइप गुण से जोड़कर साझा किया जा सकता है। ये गुण ऑब्जेक्ट के सभी उदाहरणों के बीच साझा किए जाएंगे। जावास्क्रिप्ट में गुण साझा करने के लिए कोड निम्नलिखित है - उदाहरण दस्तावेज़ बॉडी { फॉन्ट-फ़ैमिली:सेगो यूआई, ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } .result {फ़ॉन्ट-आकार:20px; फ़

  1. जावास्क्रिप्ट में किसी अन्य वस्तु के माध्यम से किसी वस्तु का उपयोग कैसे करें?

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