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

JavaScript में ऑब्जेक्ट प्रॉपर्टी कैसे एक्सेस करें?


JavaScript प्रॉपर्टी को एक्सेस करने के तीन तरीके हैं:

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

JavaScript ऑब्जेक्ट प्रॉपर्टी एक्सेस करने का कोड:

उदाहरण

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Access Object Properties</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>JavaScript ऑब्जेक्ट प्रॉपर्टी एक्सेस करें</h1> <div><pre class="sample">{a:22,b:44}</pre></div> <div class="result"></div> <button class="Btn">एक्सेस करें</button> <h3>ऑब्जेक्ट प्रॉपर्टी एक्सेस करने के लिए ऊपर दिए गए बटन पर क्लिक करें</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>

आउटपुट

JavaScript में ऑब्जेक्ट प्रॉपर्टी कैसे एक्सेस करें?

'एक्सेस करें' बटन पर क्लिक करने पर:

JavaScript में ऑब्जेक्ट प्रॉपर्टी कैसे एक्सेस करें?


  1. जावास्क्रिप्ट में डेराइव्ड प्रॉपर्टीज को ओवरराइड कैसे करें? जावास्क्रिप्ट में डेराइव्ड प्रॉपर्टीज को ओवरराइड कैसे करें?

    जावास्क्रिप्ट में डेराइव्ड प्रॉपर्टीज को ओवरराइड करने के लिए कोड निम्नलिखित है: उदाहरण <!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> &n

  1. जावास्क्रिप्ट में शेयर्ड प्रॉपर्टीज जावास्क्रिप्ट में शेयर्ड प्रॉपर्टीज

    प्रॉपर्टीज को ऑब्जेक्ट की प्रोटोटाइप प्रॉपर्टी से जोड़कर शेयर किया जा सकता है। ये प्रॉपर्टीज ऑब्जेक्ट के सभी इंस्टेंसेज के बीच शेयर की जाएंगी। जावास्क्रिप्ट में शेयर्ड प्रॉपर्टीज का कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8 /> <

  1. जावास्क्रिप्ट में एक ऑब्जेक्ट को दूसरे ऑब्जेक्ट के माध्यम से कैसे एक्सेस करें? जावास्क्रिप्ट में एक ऑब्जेक्ट को दूसरे ऑब्जेक्ट के माध्यम से कैसे एक्सेस करें?

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