एक ऑब्जेक्ट इनिशियलाइज़र एक एक्सप्रेशन है जो हमें नए बनाए गए ऑब्जेक्ट को इनिशियलाइज़ करने की अनुमति देता है। यह एक ऑब्जेक्ट के प्रॉपर्टी नामों और संबंधित मानों के शून्य या अधिक जोड़ों की कॉमा-सेपरेटेड सूची है जो कर्ली ब्रेसेस {} में संलग्न होती है।
जावास्क्रिप्ट में ऑब्जेक्ट इनिशियलाइज़र के लिए निम्नलिखित कोड है।
उदाहरण
<!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>Object initializer in JavaScript</h1> <div class="result"></div> <br /> <button class="Btn">CLICK HERE</button> <h3>Click on the above button to initialize an object with object initializer and display it</h3> <script> let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); let name = "Rohan"; let age = 22; let place = "Delhi"; const person = { name, age, place }; BtnEle.addEventListener("click", () => { resEle.innerHTML = "person.name = " + person.name + "<br>"; resEle.innerHTML += "person.age = " + person.age + "<br>"; resEle.innerHTML += "person.place = " + person.place + "<br>"; }); </script> </body> </html>
आउटपुट
'CLICK HERE' बटन पर क्लिक करने पर:
