JavaScript Object.values() मेथड किसी ऑब्जेक्ट में वैल्यूज़ की लिस्ट प्राप्त करता है। आप ऑब्जेक्ट में प्रत्येक वैल्यू की सामग्री देखने के लिए values() मेथड के परिणाम पर इटरेट कर सकते हैं।
ऑब्जेक्ट्स में कीज़ और वैल्यूज़ होती हैं। कभी-कभी, आप केवल ऑब्जेक्ट में वैल्यूज़ प्राप्त करना चाहेंगे। मान लें हमारे पास एक ऑब्जेक्ट है जो लीडरबोर्ड पर सभी लोगों के नाम स्टोर करता है। हम केवल उनके नाम ऑब्जेक्ट से प्राप्त करना चाह सकते हैं न कि उनके नामों से जुड़ी कीज़ (यानी उनकी पोजीशन)।
यहीं Object.values() मेथड काम आता है। यह मेथड आपको ऑब्जेक्ट में सभी वैल्यूज़ देखने देता है। इस गाइड में, हम चर्चा करने जा रहे हैं कि Object.values() मेथड का उपयोग कैसे करें। हम आपको शुरू करने में मदद करने के लिए एक विस्तृत उदाहरण का उल्लेख करेंगे।
JavaScript Object.values()
JavaScript Object.values() मेथड ऑब्जेक्ट को लेता है और इसकी एनुमरेबल प्रॉपर्टीज़ को एक ऐरे में लौटाता है। वैल्यूज़ उसी क्रम में होती हैं जैसे आप मैन्युअली ऑब्जेक्ट पर लूप करके उन्हें ऐरे में पुश करते।
आइए इस मेथड के सिंटैक्स को देखें:
let players = { a: "lucy", b: "harry" } console.log(Object.values(players))
Object.values() मेथड एक आर्गुमेंट स्वीकार करता है: उस ऑब्जेक्ट का नाम जिसकी वैल्यूज़ आप देखना चाहते हैं। इस सिंटैक्स में, हम मेथड के परिणाम को कंसोल पर प्रिंट करते हैं।
यह कोड हमारे जावास्क्रिप्ट ऑब्जेक्ट में खिलाड़ियों के नाम लौटाता है: lucy और harry। ये नाम एक लिस्ट में लौटाए जाते हैं, जिसे हम जावास्क्रिप्ट कंसोल पर प्रिंट करते हैं:
["lucy", "harry"]
ध्यान दें कि वैल्यूज़ उसी क्रम में हैं जैसे वे डिक्शनरी में थीं।
Object.values() मेथड ऑब्जेक्ट से वैल्यूज़ प्राप्त करने का एक आसान तरीका है। विकल्प एक नई लिस्ट बनाना और फॉर लूप के साथ ऑब्जेक्ट पर इटरेट करना है, प्रत्येक वैल्यू को नई लिस्ट में जोड़ना। इस मेथड में अधिक समय और अधिक कोड लिखना पड़ता है।
आइए इस मेथड के एक्शन में एक उदाहरण देखें।
Object.values() जावास्क्रिप्ट उदाहरण
मान लें हमारे पास एक ऑब्जेक्ट है जिसमें कैलिफोर्निया के एक शहर सैन जोस के बारे में जानकारी है। हम इससे जुड़े लेबल्स को प्राप्त किए बिना इस शहर के बारे में सभी जानकारी प्राप्त करना चाहते हैं।
इस की-वैल्यू जोड़ी पर विचार करें:
city: "San Jose",
हम केवल शहर का नाम प्राप्त करना चाहते हैं, न कि लेबल city।
आइए एक प्रोग्राम देखें जो हमें यह करने देगा:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title></title> </head> <body> <div id="root"></div> <script async defer> const cityData = { city: "San Jose", state: "California", area: 181.36, land: 178.24, water: 3.12, urban: 342.27, metro: 2694.61, elevation: 82, population: 1021795, timezone: "Los_Angeles/Pacific", website: "www.sanjoseca.gov" } let arr = Object.values(cityData); let root = document.getElementById('root'); root.innerHTML = JSON.stringify(arr); </script> </body> </html>
सबसे पहले, हम <head> टैग, <body> टैग, और <head> टैग में कुछ बेसिक मेटा जानकारी के साथ एक स्टैंडर्ड HTML पेज सेट करते हैं।
हम <script> टैग का उपयोग करते हैं जिसमें हम अपना जावास्क्रिप्ट कोड लिखते हैं। इस टैग के भीतर, हम एक जावास्क्रिप्ट ऑब्जेक्ट घोषित करते हैं। इस ऑब्जेक्ट को cityData कहा जाता है।
अगला, हम Object.values() मेथड का उपयोग करके इस ऑब्जेक्ट में वैल्यूज़ प्राप्त करते हैं। फिर हम अपने कोड में root आईडी वाले HTML <div> टैग का चयन करते हैं। यह उपरोक्त जावास्क्रिप्ट getElementById मेथड के लिए उपयोग का मामला है।
इस <div> टैग का चयन करने के बाद, हम <div> टैग की सामग्री को Object.values() मेथड के परिणाम से बदल देते हैं।
हमारा कोड एक लिस्ट लौटाता है:
["San Jose","California", 181.36, 178.24, 3.12, 342.27, 2694.61, 82, 1021795, "Los_Angeles/Pacific", "www.sanjoseca.gov"]
हम अपने मूल ऑब्जेक्ट में सभी वैल्यूज़ देख सकते हैं। ये वैल्यूज़ एक लिस्ट के रूप में स्टोर हैं।
निष्कर्ष
JavaScript Object.values() मेथड ऑब्जेक्ट में वैल्यूज़ की लिस्ट लौटाता है। यह मेथड एक आर्गुमेंट स्वीकार करता है: उस ऑब्जेक्ट का नाम जिससे आप वैल्यूज़ प्राप्त करना चाहते हैं।
क्या आप जावास्क्रिप्ट में कोडिंग के बारे में अधिक जानना चाहते हैं? हमारा How to Learn JavaScript गाइड देखें। आपको शीर्ष लर्निंग टिप्स और शुरुआती और इंटरमीडिएट-लेवल डेवलपर्स के लिए कोर्सेज की सूची मिलेगी।
इन ट्यूटोरियल्स को देखें यदि आप जावास्क्रिप्ट ऑब्जेक्ट्स के बारे में अधिक जानना चाहते हैं:
JavaScript Object.keys(): एक गाइड
JavaScript Objects: एक गाइड
JavaScript Class: एक गाइड
