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

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

JavaScript Object.keys() विधि किसी ऑब्जेक्ट में कुंजियों को पुनः प्राप्त करती है और उन कुंजियों वाली सूची लौटाती है। अंतिम सूची में चाबियों का क्रम वह क्रम है जो वे मूल वस्तु में दिखाई देते हैं।


जावास्क्रिप्ट (JS) ऑब्जेक्ट में दो मुख्य भाग होते हैं:कुंजियाँ और मान।

किसी ऑब्जेक्ट के साथ काम करते समय, आप उससे जुड़ी कुंजियों की एक सूची प्राप्त करना चाह सकते हैं। यहीं पर JavaScript Object.keys() विधि आती है। यह विधि आपको किसी ऑब्जेक्ट में सभी संपत्ति नामों की सूची बनाने की अनुमति देती है।

उदाहरणों का उपयोग करते हुए, यह ट्यूटोरियल चर्चा करेगा कि Object.keys() . का उपयोग कैसे करें किसी ऑब्जेक्ट में संग्रहीत कुंजियों की सूची वापस करने की विधि। हम JavaScript ऑब्जेक्ट की संरचना पर भी शीघ्रता से चर्चा करेंगे।

जावास्क्रिप्ट ऑब्जेक्ट:एक पुनश्चर्या

ऑब्जेक्ट (कैपिटल "O" के साथ) जावास्क्रिप्ट में मैपिंग डेटा प्रकार हैं। वे मूल्यों के लिए कुंजी मैप करते हैं। किसी ऑब्जेक्ट द्वारा संग्रहीत मानों में तार, संख्याएं, बूलियन और अन्य डेटा प्रकार शामिल हो सकते हैं। जावास्क्रिप्ट में किसी ऑब्जेक्ट का उदाहरण यहां दिया गया है:

const job_description = {
	position: "Sales Assistant",
	floor_worker: true,
	hours_per_week: 38
};

कोलन के बाईं ओर के शब्द (:) कुंजी . हैं हमारे शब्दकोश में। कोलन के दाईं ओर के शब्द मान हैं . आप जावास्क्रिप्ट ऑब्जेक्ट्स को एक पायथन डिक्शनरी के समकक्ष के रूप में सोच सकते हैं, लेकिन जावास्क्रिप्ट में।

JavaScript Object.keys()

JavaScript Object.keys() विधि किसी JavaScript ऑब्जेक्ट, या JSON ऑब्जेक्ट के अंदर कुंजियाँ लौटाती है। इन कुंजियों को उसी क्रम में संग्रहीत किया जाता है जिस क्रम में वे ऑब्जेक्ट में दिखाई देते हैं।

Object.keys() . के लिए सिंटैक्स विधि है:

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

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

Object.keys(object_name)

ऑब्जेक्ट.की () विधि एक पैरामीटर स्वीकार करती है:उस ऑब्जेक्ट का नाम जिसकी कुंजी आप पुनर्प्राप्त करना चाहते हैं। यह विधि आपके द्वारा निर्दिष्ट ऑब्जेक्ट की सभी कुंजियों के नाम लौटाती है, जिसे JavaScript सूची के रूप में संग्रहीत किया जाता है।

ध्यान दें कि विधि को ही Object.keys() कहा जाता है। ऐसा इसलिए है क्योंकि कुंजियाँ () ऑब्जेक्ट की एक विधि है। आपको उस ऑब्जेक्ट को निर्दिष्ट करना होगा जिसकी कुंजियों को आप Object.keys() के पैरामीटर के रूप में पुनर्प्राप्त करना चाहते हैं। आप किसी भी ऑब्जेक्ट में कीज़ () नहीं जोड़ सकते क्योंकि उस ऑब्जेक्ट के पास कीज़ () मेथड तक पहुंच नहीं होगी।

Object.keys() जावास्क्रिप्ट उदाहरण

यह तरीका कैसे काम करता है, यह बताने के लिए आइए एक उदाहरण से आपको रूबरू कराते हैं।

इससे पहले, हमने "job_description" नामक एक डिक्शनरी बनाई थी, जो स्थानीय सुपरस्टोर पर उपलब्ध नौकरी के बारे में कुछ जानकारी को रेखांकित करती है। हमारे ऑब्जेक्ट में एक जावास्क्रिप्ट बूलियन, एक स्ट्रिंग और एक पूर्णांक है। अब, मान लीजिए कि हम उस शब्दकोश की कुंजियों की सूची प्राप्त करना चाहते हैं।

हम निम्नलिखित कोड का उपयोग करके यह सूची बना सकते हैं:

const job_description = {
	position: "Sales Assistant",
	floor_worker: true,
	hours_per_week: 38
};

var job_keys = Object.keys(job_description);

console.log(job_keys);

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

["position", "floor_worker", "hours_per_week"]

सबसे पहले, हमने "job_description" नामक एक स्थिरांक घोषित किया, जो किसी ऑब्जेक्ट को स्थानीय सुपरस्टोर में उपलब्ध नौकरी के बारे में जानकारी के साथ संग्रहीत करता है।

फिर, हमने Object.keys() . का इस्तेमाल किया शब्दकोश से जुड़ी कुंजियों की एक सूची प्राप्त करने के लिए, और हमने सूची को "job_keys" चर को सौंपा। इसके बाद, हमने “job_keys” सूची की सामग्री को JavaScript कंसोल पर प्रिंट कर दिया।

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

JS Object.keys():एक और उदाहरण

आइए इस पद्धति का उपयोग करने के तरीके के बारे में एक और उदाहरण पर चर्चा करें।

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

const job_description = {
	position: "Sales Assistant",
	floor_worker: true,
	hours_per_week: 38
};

var job_keys = Object.keys(job_description);

for (var key of job_keys) {
	console.log("Key Name: " + key);
}

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

Key Name: position
Key Name: floor_worker
Key Name: hours_per_week

हमने सबसे पहले अपने "job_description" ऑब्जेक्ट को परिभाषित किया, जिसकी चाबियां हम कंसोल पर प्रिंट करना चाहते हैं। फिर, हमने JS Object.keys() . का इस्तेमाल किया हमारे ऑब्जेक्ट में कुंजियों की सूची को पुनः प्राप्त करने की विधि।

इसके बाद, हमने अपने "job_description" ऑब्जेक्ट में प्रत्येक कुंजी के माध्यम से लूप के लिए "for...of" लूप का उपयोग किया।

प्रत्येक कुंजी के लिए, हमने कंसोल पर "कुंजी का नाम:", कुंजी के नाम के बाद मुद्रित किया। यदि आप “फॉर…ऑफ” लूप कैसे काम करते हैं, इस बारे में अधिक जानने में रुचि रखते हैं, तो लूप के लिए जावास्क्रिप्ट के लिए हमारी शुरुआती मार्गदर्शिका पढ़ें।



निष्कर्ष

ऑब्जेक्ट.की () विधि जावास्क्रिप्ट ऑब्जेक्ट में संग्रहीत कुंजियों की एक सूची पुनर्प्राप्त करती है। परिणामी कुंजियों को एक सूची में संग्रहीत किया जाता है। आप किसी वस्तु की कुंजियों को पुनः प्राप्त करने के लिए उसके अंत में कुंजियाँ () नहीं जोड़ सकते। आपको Object.keys() सिंटैक्स का उपयोग करना चाहिए।

इस ट्यूटोरियल ने जावास्क्रिप्ट ऑब्जेक्ट्स की मूल बातें और Object.keys() . का उपयोग करने के तरीके पर चर्चा की तरीका। अब आप Object.keys() . का इस्तेमाल करने के लिए तैयार हैं एक पेशेवर JavaScript डेवलपर की तरह किसी ऑब्जेक्ट में कुंजियों की सूची पुनर्प्राप्त करने के लिए!

जावास्क्रिप्ट में कोडिंग के बारे में अधिक जानने के लिए, हमारी जावास्क्रिप्ट कैसे सीखें गाइड पढ़ें।


  1. Object.keys().map() VS Array.map() जावास्क्रिप्ट में

    निम्नलिखित कोड JavaScript में Object.keys().map() और Array.map() दिखा रहा है - उदाहरण दस्तावेज़ बॉडी { फॉन्ट-फ़ैमिली:सेगो यूआई, ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; } .result,.sample {फ़ॉन्ट-आकार:18पीएक्स; फ़ॉन्ट-वजन:500; रंग:रेबेकापर्पल; } .परिणाम {रंग:लाल; }Object.keys().map() बनाम Array.map(){1

  1. जावास्क्रिप्ट में RegExp ऑब्जेक्ट।

    RegExp ऑब्जेक्ट का उपयोग टेक्स्ट के भाग को खोजकर और निकालकर कुछ टेक्स्ट से मेल खाने वाले पैटर्न के लिए किया जाता है। RegExp ऑब्जेक्ट को या तो regexp कंस्ट्रक्टर या शाब्दिक सिंटैक्स का उपयोग करके बनाया जा सकता है। जावास्क्रिप्ट में RegExp ऑब्जेक्ट के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html&

  1. जावास्क्रिप्ट में ऑब्जेक्ट प्रारंभकर्ता

    ऑब्जेक्ट इनिशियलाइज़र एक एक्सप्रेशन है जो हमें एक नई बनाई गई ऑब्जेक्ट को इनिशियलाइज़ करने की अनुमति देता है। यह संपत्ति के नामों के शून्य या अधिक जोड़े और घुंघराले ब्रेसिज़ की एक जोड़ी में संलग्न किसी वस्तु के संबंधित मूल्यों की अल्पविराम से अलग सूची है {}। जावास्क्रिप्ट में ऑब्जेक्ट इनिशियलाइज़र क