जावास्क्रिप्ट ऑब्जेक्ट प्रॉपर्टीज को कैसे जोड़ें, एक्सेस करें, डिलीट करें?

परिचय

जावास्क्रिप्ट ऑब्जेक्ट्स डायनामिक होते हैं - आप रनटाइम पर प्रॉपर्टीज जोड़, एक्सेस और डिलीट कर सकते हैं। प्रॉपर्टीज को डॉट नोटेशन (obj.prop) या ब्रैकेट नोटेशन (obj['prop']) का उपयोग करके एक्सेस किया जा सकता है।

उदाहरण

निम्न कोड जावास्क्रिप्ट ऑब्जेक्ट प्रॉपर्टीज को जोड़ने, एक्सेस करने और डिलीट करने के लिए है:

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>ऑब्जेक्ट प्रॉपर्टीज</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .result { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>जावास्क्रिप्ट ऑब्जेक्ट प्रॉपर्टीज जोड़ें, एक्सेस करें, डिलीट करें</h1> <div class="sample"></div> <div style="color: green;" class="result"></div> <button class="Btn">चेक</button> <h3> प्रॉपर्टीज जोड़ने, एक्सेस करने और डिलीट करने के लिए ऊपर दिए गए बटन पर क्लिक करें </h3> <script> const resEle = document.querySelector(".result"); const obj = { firstName: 'रोहन', lastName: 'शर्मा', Age: '22' }; document.querySelector(".Btn").addEventListener("click", () => { // प्रॉपर्टी जोड़ें obj.school = 'रायन इंटरनेशनल'; resEle.innerHTML = 'प्रॉपर्टी school जोड़ना: ' + obj.school + '<br>'; // प्रॉपर्टी एक्सेस करें resEle.innerHTML += 'प्रॉपर्टी एक्सेस करना: obj.firstName = ' + obj.firstName + '<br>'; // प्रॉपर्टी डिलीट करें delete obj.firstName; resEle.innerHTML += 'प्रॉपर्टी डिलीट करना: firstName - ' + obj.firstName + '<br>'; }); </script> </body> </html>

आउटपुट

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

'चेक' बटन पर क्लिक करने पर:

मुख्य ऑपरेशन्स

Object.defineProperty()

अधिक नियंत्रण के लिए (रिड-ओनली, नॉन-इन्यूमरेबल, आदि):

Object.defineProperty(obj, 'id', {
  value: 123,
  writable: false,      // रिड-ओनली
  enumerable: false,    // for...in में नहीं दिखेगा
  configurable: false   // डिलीट/रीकॉन्फिगर नहीं किया जा सकता
});