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

जावास्क्रिप्ट:Object.values():एक पूर्ण गाइड

JavaScript Object.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"]

ध्यान दें कि मान उसी क्रम में हैं जैसे वे शब्दकोश में थे।

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

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

Object.values() विधि किसी वस्तु से मान प्राप्त करने का एक आसान तरीका है। विकल्प एक नई सूची बनाना और लूप के साथ ऑब्जेक्ट पर पुनरावृति करना है, प्रत्येक मान को नई सूची में जोड़ना। इस विधि को लिखने में अधिक समय और अधिक कोड लगता है।

आइए इस पद्धति का एक उदाहरण कार्रवाई में देखें।

Object.values() JavaScript उदाहरण

मान लीजिए हमारे पास एक वस्तु है जिसमें कैलिफोर्निया के एक शहर सैन जोस के बारे में जानकारी है। हम डेटा के प्रत्येक टुकड़े से जुड़े लेबल को पुनर्प्राप्त किए बिना इस शहर के बारे में सभी जानकारी पुनर्प्राप्त करना चाहते हैं।

इस की-वैल्यू पेयर पर विचार करें:

city: "San Jose",

हम शहर . लेबल के बजाय केवल शहर का नाम पुनर्प्राप्त करना चाहते हैं ।

आइए एक ऐसे प्रोग्राम पर एक नज़र डालें जो हमें ऐसा करने देगा:

<!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>

सबसे पहले, हम टैग, टैग और टैग में कुछ बुनियादी मेटा जानकारी के साथ एक मानक HTML पृष्ठ सेट करते हैं।

हम एक

  1. जावास्क्रिप्ट में मानचित्र वस्तु।

    Map ऑब्जेक्ट को ES6 में पेश किया गया था और यह उन तत्वों का एक संग्रह है जो कुंजी और मूल्य युग्म हैं। मानचित्र में एक कुंजी या मान एक वस्तु या एक आदिम मूल्य हो सकता है। जावास्क्रिप्ट में मैप ऑब्जेक्ट के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head>

  1. जावास्क्रिप्ट में ब्लॉब वस्तु

    ब्लॉब ऑब्जेक्ट का उपयोग ब्लॉब ऑब्जेक्ट का प्रतिनिधित्व करने के लिए किया जाता है जो अपरिवर्तनीय है और कच्चे डेटा का प्रतिनिधित्व करने के लिए उपयोग किया जाता है। ब्लॉब का आकार और माइम प्रकार की संपत्ति ठीक वैसे ही होती है जैसे फ़ाइल में होती है। फ़ाइल बूँद की व्युत्पत्ति है और ब्लॉब का उपयोग उन जगहों

  1. जावास्क्रिप्ट का उपयोग करके ऐरे में नेस्टेड ऑब्जेक्ट मानों का योग

    जावास्क्रिप्ट का उपयोग करके नेस्टेड ऑब्जेक्ट मानों को सरणी में जोड़ने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0&