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

जावास्क्रिप्ट में मौजूदा ऑब्जेक्ट में प्रॉपर्टीज और मेथड्स कैसे जोड़ें?


जावास्क्रिप्ट में मौजूदा ऑब्जेक्ट में प्रॉपर्टीज और मेथड्स जोड़ने के लिए निम्नलिखित कोड है:

उदाहरण

<!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: 20px;       font-weight: 500;       color: blueviolet;    } </style> </head> <body> <h1>Add properties and methods to an existing object in JavaScript</h1> <div class="result"></div> <button class="Btn">CLICK HERE</button> <h3>Click on the above button to add property and methods to student object and display them</h3> <script>    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    let student = {       };       BtnEle.addEventListener("click", () => {          student.name = 'Rohan Sharma';          student.age = 16;          student.place = 'Delhi';          student.displayInfo = function(){          return 'Name = '+this.name+' : Age = '+this.age+' : Place = '+this.place;       }       resEle.innerHTML += student.displayInfo();    }); </script> </body> </html>

आउटपुट

जावास्क्रिप्ट में मौजूदा ऑब्जेक्ट में प्रॉपर्टीज और मेथड्स कैसे जोड़ें?

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

जावास्क्रिप्ट में मौजूदा ऑब्जेक्ट में प्रॉपर्टीज और मेथड्स कैसे जोड़ें?


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

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

  1. JavaScript ऑब्जेक्ट मेथड्स कैसे जोड़ें और एक्सेस करें? JavaScript ऑब्जेक्ट मेथड्स कैसे जोड़ें और एक्सेस करें?

    JavaScript ऑब्जेक्ट मेथड्स जोड़ने और एक्सेस करने का कोड: उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</ti

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