Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> 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</title> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result,.sample {       font-size: 20px;       font-weight: 500;    } </style> </head> <body> <h1>Delete object properties in JavaScript</h1> <div class="sample">Before Deleting <br /></div> <div style="color: green;" class="result">After deleting<br /></div> <button class="btn">CLICK HERE</button> <h3> Click on the above button to delete object properties </h3> <script>    let btnEle = document.querySelector(".btn");    let resEle = document.querySelector(".result");    let sampleEle = document.querySelector(".sample");    let obj = {       firstName: "Rohan",       lastName: "Sharma",       welcome() {          return "Welcome " + this.firstName + " " + this.lastName;       },    };    function beforeDelete() {       sampleEle.innerHTML += "obj.firstName = " + obj.firstName + "<br>";       sampleEle.innerHTML += "obj.lastName = " + obj.lastName + "<br>";       sampleEle.innerHTML += "obj.welcome() = " + obj.welcome() + "<br>";    }    beforeDelete();    btnEle.addEventListener("click", () => {       delete obj.firstName;       delete obj.lastName;       delete obj.welcome;       resEle.innerHTML += "obj.firstName = " + obj.firstName + "<br>";       resEle.innerHTML += "obj.lastName = " + obj.lastName + "<br>";       try {          resEle.innerHTML += "obj.welcome() = " + obj.welcome() + "<br>";       }       catch (err) {          resEle.innerHTML += err;       }    }); </script> </body> </html>

आउटपुट

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

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

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

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


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

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

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

    JavaScript प्रॉपर्टी को एक्सेस करने के तीन तरीके हैं:डॉट प्रॉपर्टी एक्सेस का उपयोग: object.propertyस्क्वायर ब्रैकेट नोटेशन का उपयोग: object[property]ऑब्जेक्ट डिस्ट्रक्चरिंग का उपयोग: let {property} = objectJavaScript ऑब्जेक्ट प्रॉपर्टी एक्सेस करने का कोड:उदाहरण<!DOCTYPE html> <html lang=&qu

  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>