जावास्क्रिप्ट ऑब्जेक्ट:एक गाइड

जबकि सूचियाँ डेटा संग्रहीत करने का एक उपयोगी तरीका हैं, जब आप सूची में किसी विशिष्ट ऑब्जेक्ट के बारे में एकाधिक गुण संग्रहीत करना चाहते हैं तो उनका उपयोग करना असुविधाजनक होता है। उदाहरण के लिए, यदि आप कुकी स्टोर पर बेची जाने वाली सभी कुकीज़ पर डेटा स्टोर करना चाहते हैं, तो आपको डेटा स्टोर करने के लिए कई सूचियां बनानी होंगी।

यहीं से ऑब्जेक्ट आते हैं। ऑब्जेक्ट आपको नाम में डेटा स्टोर करने की अनुमति देते हैं:मूल्य जोड़े, जिसका अर्थ है कि आप अपने एप्लिकेशन में संग्रहीत डेटा में लेबल जोड़ सकते हैं।

इस गाइड में, हम चर्चा करने जा रहे हैं कि ऑब्जेक्ट क्या हैं और आप अपने कोड में उनका उपयोग कैसे कर सकते हैं। हम जावास्क्रिप्ट प्रोग्रामिंग भाषा में वस्तुओं को बनाने, वस्तुओं को संशोधित करने और वस्तुओं को हटाने के बारे में बात करेंगे।

ऑब्जेक्ट क्या है?

एक वस्तु जावास्क्रिप्ट में एक डेटा प्रकार है। यह शून्य या अधिक नामों और मूल्यों से बना होता है, जिन्हें एक साथ जोड़ा जाता है। प्रत्येक नाम एक मूल्य के लिए एक लेबल के रूप में कार्य करता है। इसका मतलब यह है कि यदि आप किसी वस्तु में किसी विशेष मूल्य तक पहुंचना चाहते हैं, तो आपको केवल उसके लेबल का संदर्भ देना होगा। नामों को कभी-कभी "कुंजी" के रूप में संदर्भित किया जाता है।

एक मान में किसी भी प्रकार का डेटा हो सकता है, चाहे वह एक स्ट्रिंग, एक संख्या या कोई अन्य वस्तु हो। मूल्यों में गुण और विधियाँ भी हो सकती हैं, जो एक विशेष वस्तु पर लागू होने वाले कार्य हैं।

JS ऑब्जेक्ट में key:value पेयर बनाने के लिए की और वैल्यू को एक साथ मैप किया जाता है।

जावास्क्रिप्ट ऑब्जेक्ट वह अवधारणा है जिस पर JSON (जो जावास्क्रिप्ट ऑब्जेक्ट नोटेशन के लिए खड़ा है) बनाया गया था। जबकि JSON जावास्क्रिप्ट से थोड़ा अलग है, ये दोनों डेटा संरचनाएं डेटा को संग्रहीत करने के लिए नाम:मूल्य जोड़ी दृष्टिकोण का उपयोग करती हैं।

ऑब्जेक्ट कैसे बनाएं

ऑब्जेक्ट बनाने के दो तरीके हैं। आप ऑब्जेक्ट कंस्ट्रक्टर दृष्टिकोण का उपयोग कर सकते हैं या किसी ऑब्जेक्ट को शाब्दिक घोषित कर सकते हैं।

81% प्रतिभागियों ने कहा कि बूटकैंप में भाग लेने के बाद उन्हें अपनी तकनीकी नौकरी की संभावनाओं के बारे में अधिक आत्मविश्वास महसूस हुआ। आज ही एक बूटकैंप से मिलान करें।

बूटकैंप शुरू करने से लेकर अपनी पहली नौकरी खोजने तक, औसत बूटकैंप ग्रेड ने करियर संक्रमण में छह महीने से भी कम समय बिताया।

ऑब्जेक्ट कंस्ट्रक्टर एक नया ऑब्जेक्ट बनाने के लिए "नए" कीवर्ड का उपयोग करता है:

const cookie = new Object();

यह एक खाली वस्तु बनाता है जिसमें हम मान जोड़ सकते हैं। हम किसी ऑब्जेक्ट को शाब्दिक रूप से ऑब्जेक्ट घोषित कर सकते हैं, जो कि केवल घुंघराले कोष्ठक का एक सेट है:

const cookie = {};

इन दोनों उदाहरणों में हमने एक खाली वस्तु बनाई है। आप इन विधियों को जावास्क्रिप्ट अनुप्रयोगों में परस्पर उपयोग करते हुए पाएंगे। वस्तु शाब्दिक विधि शायद इसकी सादगी के कारण अधिक सामान्य है; आपको केवल घुंघराले कोष्ठक का एक सेट बनाने की आवश्यकता है।

डेटा के साथ ऑब्जेक्ट बनाने के लिए, हम ऑब्जेक्ट लिटरल सिंटैक्स का उपयोग कर सकते हैं:

const raspberry_white_choc = {
	name: "Raspberry White Chocolate Chip",
	price: 1.50,
	available: true,
	stock: 42
}

इस ऑब्जेक्ट में चार नाम और मान हैं। उदाहरण के लिए, लेबल "कीमत" फ्लोटिंग-पॉइंट नंबर 1.50 से जुड़ा है। लेबल "उपलब्ध" बूलियन मान "सत्य" से जुड़ा है।

किसी वस्तु को कैसे पढ़ें

अब तक हमने चर्चा की है कि किसी वस्तु को कैसे बनाया जाता है, लेकिन यदि आप इसकी सामग्री तक नहीं पहुँच सकते हैं तो कोई वस्तु अधिक उपयोग नहीं होती है। किसी वस्तु की सामग्री को पढ़ने के दो तरीके हैं। आप या तो डॉट नोटेशन (.) या ब्रैकेट नोटेशन ([]) का उपयोग कर सकते हैं।

मान लीजिए कि हम अपनी चॉकलेट चिप कुकी का नाम पुनः प्राप्त करना चाहते हैं। हम इस कोड का उपयोग करके ऐसा कर सकते हैं:

console.log(raspberry_white_choc.name);

यह कोड लौटाता है:रास्पबेरी व्हाइट चॉकलेट चिप। हमारे उदाहरण में, हमने अपनी वस्तु के नाम का संदर्भ दिया है - "raspberry_white_choc" - उसके बाद एक बिंदु, फिर उस संपत्ति का नाम जिसका मूल्य हम पुनर्प्राप्त करना चाहते हैं। इसलिए इसे डॉट नोटेशन कहते हैं। वस्तु और संपत्ति के नाम के बीच एक बिंदु है।

आप किसी ऑब्जेक्ट को पढ़ने के लिए ब्रैकेट नोटेशन का भी उपयोग कर सकते हैं:

console.log(raspberry_white_choc["available"]);

हमारा कोड रिटर्न:सच। ब्रैकेट नोटेशन वह जगह है जहां आप किसी ऑब्जेक्ट का नाम निर्दिष्ट करते हैं, फिर उस मान का नाम जिसे आप पुनर्प्राप्त करना चाहते हैं। आप जिस मान को पुनः प्राप्त करना चाहते हैं उसका नाम उद्धरण चिह्नों, फिर वर्ग कोष्ठकों में संलग्न होना चाहिए।

किसी वस्तु को कैसे संशोधित करें

तीन संभावित तरीके हैं जिनसे आप किसी वस्तु को संशोधित कर सकते हैं:

• ऑब्जेक्ट में आइटम जोड़ें
• मौजूदा ऑब्जेक्ट आइटम संशोधित करें
• ऑब्जेक्ट से आइटम हटाएं

आइए पहले के हमारे कुकी उदाहरण के संदर्भ में इन पर एक-एक करके चर्चा करें।

ऑब्जेक्ट में आइटम जोड़ें

सूचियों के विपरीत, कोई push() नहीं है या append() फ़ंक्शन का उपयोग आप किसी ऑब्जेक्ट में मान जोड़ने के लिए कर सकते हैं। आपको बस इतना करना है कि असाइनमेंट ऑपरेटर का उपयोग करके किसी प्रॉपर्टी को एक नया मान असाइन करना है।

मान लें कि हम अपनी वस्तु में "gluten_free" मान जोड़ना चाहते हैं। हम निम्नलिखित में से किसी एक कथन का उपयोग करके ऐसा कर सकते हैं:

// Using bracket notation
raspberry_white_choc["gluten_free"] = false;
console.log(raspberry_white_choc.gluten_free);

// Using dot notation
raspberry_white_choc.gluten_free = false;
console.log(raspberry_white_choc.gluten_free);

हमारा कोड लौटाता है:

false
false

इन दोनों उदाहरणों में, हमने अपने ऑब्जेक्ट में "gluten_free" नामक एक नया आइटम बनाया है। हमने इस आइटम को जो मान दिया है वह "गलत" है।

मौजूदा ऑब्जेक्ट आइटम संशोधित करें

किसी ऑब्जेक्ट की सामग्री को बदलना उसी तरह काम करता है जैसे किसी ऑब्जेक्ट को नए मान निर्दिष्ट करना। ऑब्जेक्ट को संशोधित करने के लिए दोनों विधियां असाइनमेंट ऑपरेटर का उपयोग करती हैं।

मान लीजिए हमने रास्पबेरी व्हाइट चॉकलेट चिप कुकी के लिए अपना नुस्खा बदल दिया है और यह अब लस मुक्त है। हम इस कोड का उपयोग करके अपने ऑब्जेक्ट में "gluten_free" आइटम को बदल सकते हैं:

raspberry_white_choc.gluten_free = true;
console.log(raspberry_white_choc.gluten_free);

हमारा कोड रिटर्न:सच। यदि आप चाहें तो ऐसा परिवर्तन करने के लिए आप ब्रैकेट नोटेशन का भी उपयोग कर सकते हैं।

ऑब्जेक्ट से आइटम हटाएं

"हटाएं" कीवर्ड आपको किसी ऑब्जेक्ट से किसी प्रॉपर्टी को निकालने की अनुमति देता है। निम्नलिखित कोड हमें हमारी वस्तु से "gluten_free" संपत्ति को हटाने की अनुमति देता है:

delete raspberry_white_choc.gluten_free;
console.log(raspberry_white_choc);

हमारा कोड लौटाता है:

{ available: true, name: "Raspberry White Chocolate Chip", price: 1.5, stock: 42 }

जैसा कि आप देख सकते हैं, "gluten_free" नाम अब हमारे ऑब्जेक्ट में मौजूद नहीं है। ऐसा इसलिए है क्योंकि हमने इसे हटाने के लिए डिलीट कीवर्ड का इस्तेमाल किया था।

निष्कर्ष

JavaScript ऑब्जेक्ट संरचना संबंधित डेटा को संग्रहीत करना आसान बनाती है। इस लेख में, हमने इस बारे में बात की थी कि कोई वस्तु किसी कुकी स्टोर के लिए कुकी पर जानकारी कैसे संग्रहीत कर सकती है। हम किसी बेकरी या कैलेंडर एंगेजमेंट में उपयोगकर्ता खातों, व्यंजनों को संग्रहीत करने के लिए किसी ऑब्जेक्ट का उपयोग भी कर सकते थे।