डॉट नोटेशन और ब्रैकेट नोटेशन दोनों का उपयोग जावास्क्रिप्ट में ऑब्जेक्ट प्रॉपर्टीज एक्सेस करने के लिए किया जाता है। डॉट नोटेशन का उपयोग ज्यादातर किया जाता है क्योंकि यह पढ़ने और समझने में आसान है और कम वर्बोज भी है। डॉट नोटेशन और ब्रैकेट नोटेशन के बीच मुख्य अंतर यह है कि ब्रैकेट नोटेशन हमें वेरिएबल का उपयोग करके ऑब्जेक्ट प्रॉपर्टीज एक्सेस करने की अनुमति देता है।
जावास्क्रिप्ट में ब्रैकेट नोटेशन बनाम डॉट नोटेशन का कोड निम्नलिखित है -
उदाहरण
<!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>जावास्क्रिप्ट में डॉट नोटेशन बनाम ब्रैकेट नोटेशन</h1> <div class="result"></div> <button class="Btn">यहाँ क्लिक करें</button> <h3>student1 ऑब्जेक्ट प्रॉपर्टीज को डॉट और ब्रैकेट नोटेशन का उपयोग करके एक्सेस करने के लिए ऊपर दिए गए बटन पर क्लिक करें</h3> <script> let resEle = document.querySelector(".result"); let BtnEle = document.querySelector(".Btn"); function Student(name, age, standard) { this.name = name; this.age = age; this.standard = standard; } let student1 = new Student("Rohan", 18, 12); BtnEle.addEventListener("click", () => { let str = "name", str1 = "age", str2 = "standard"; resEle.innerHTML = "डॉट नोटेशन का उपयोग <br>student1.name = " + student1.name + " <br>"; resEle.innerHTML += "student1.age = " + student1.age + "<br>"; resEle.innerHTML += "student1.standard = " + student1.standard + "<br><br>"; resEle.innerHTML += "ब्रैकेट नोटेशन का उपयोग <br>student1[str] = " + student1[str] + "<br>"; resEle.innerHTML += "student1[str1] = " + student1[str1] + "<br>"; resEle.innerHTML += "student1[str2] = " + student1[str2] + "<br>"; }); </script> </body> </html>
आउटपुट
'यहाँ क्लिक करें' बटन पर क्लिक करने पर -
