কম্পিউটার

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 এবং হ্যারি . এই নামগুলি একটি তালিকায় ফেরত দেওয়া হয়, যা আমরা জাভাস্ক্রিপ্ট কনসোলে প্রিন্ট করি:

["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. জাভাস্ক্রিপ্টে WeakMap অবজেক্ট।

  2. জাভাস্ক্রিপ্টে ম্যাপ অবজেক্ট।

  3. জাভাস্ক্রিপ্টে ব্লব অবজেক্ট

  4. জাভাস্ক্রিপ্ট ব্যবহার করে অ্যারেতে নেস্টেড অবজেক্টের মানের সমষ্টি