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

जावास्क्रिप्ट ऑब्जेक्ट गुणों को कैसे जोड़ें, एक्सेस करें, हटाएं, कैसे करें?

<घंटा/>

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

उदाहरण

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title&g;Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 20px;
      font-weight: 500;
   }
</style>
</head>
<body>
<h1>Add, Access, Delete, JavaScript object properties</h1>
<div class="sample"></div>
<div style="color: green;" class="result"></div&g;
<button class="Btn">CHECK</button>
<h3>
Click on the above button to add, access and delete properties.
</h3>
<script>
   let resEle = document.querySelector(".result");
   let obj = {
      firstName:'Rohan',
      lastName: 'Sharma',
      Age:'22',
   }
   document.querySelector(".Btn").addEventListener("click", () => {
      obj.school = 'Ryan International' ;
      resEle.innerHTML = 'Adding property school :' + obj.school + '<br>';
      resEle.innerHTML += 'Accessing property : obj.firstName = ' + obj.firstName + '<br>';
      delete obj.firstName;
      resEle.innerHTML += 'Deleting propery : firstName -' + obj.firstName + '<br>';
   });
</script>
</body>
</html>

आउटपुट

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

जावास्क्रिप्ट ऑब्जेक्ट गुणों को कैसे जोड़ें, एक्सेस करें, हटाएं, कैसे करें?

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

जावास्क्रिप्ट ऑब्जेक्ट गुणों को कैसे जोड़ें, एक्सेस करें, हटाएं, कैसे करें?


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

    जावास्क्रिप्ट गुणों तक पहुँचने के तीन तरीके हैं - डॉट प्रॉपर्टी एक्सेस का उपयोग करना:object.property स्क्वायर ब्रैकेट नोटेशन का इस्तेमाल करना:ऑब्जेक्ट[प्रॉपर्टी] ऑब्जेक्ट डिस्ट्रक्टिंग का उपयोग करना:चलो {property} =object जावास्क्रिप्ट ऑब्जेक्ट गुणों तक पहुँचने के लिए कोड निम्नलिखित है - उदाहरण &

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

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

  1. जावास्क्रिप्ट में किसी मौजूदा ऑब्जेक्ट में गुण और विधियाँ कैसे जोड़ें?

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