JavaScript Object.values(): সম্পূর্ণ গাইড

JavaScript Object.values() মেথড একটি অবজেক্টের ভ্যালুগুলোর একটি লিস্ট রিট্রিভ করে। আপনি values() মেথডের ফলাফলের ওপর ইটারেট করে অবজেক্টের প্রতিটি ভ্যালুর কন্টেন্ট দেখতে পারেন।

অবজেক্টে key এবং value থাকে। কখনও কখনও, আপনি শুধু অবজেক্টের ভ্যালুগুলো রিট্রিভ করতে চাবেন। ধরুন আমাদের একটি অবজেক্ট আছে যা একটি লিডারবোর্ডের সব মানুষের নাম স্টোর করে। আমরা শুধু তাদের নামগুলো অবজেক্ট থেকে রিট্রিভ করতে চাই বরং তাদের সাথে যুক্ত key-গুলো (অর্থাৎ তাদের পজিশন) না।

এখানেই Object.values() মেথডটি কাজে আসে। এই মেথডটি আপনাকে একটি অবজেক্টের সকল ভ্যালু দেখতে দেয়। এই গাইডে, আমরা Object.values() মেথড কীভাবে ব্যবহার করতে হয় তা আলোচনা করব। শুরু করতে আপনাকে সাহায্য করার জন্য একটি বিস্তারিত উদাহরণ রেফার করব।

JavaScript Object.values()

JavaScript Object.values() মেথড অবজেক্টটি নেয় এবং এর এনামেরেবল (enumerable) প্রপার্টিগুলো একটি অ্যারেতে রিটার্ন করে। ভ্যালুগুলো সেসব অর্ডারে থাকে যেন আপনি ম্যানুয়ালি অবজেক্টের ওপর লুপ করি এবং সেগুলোকে একটি অ্যারেতে পুশ করতেন।

এই মেথডের সিনট্যাক্স দেখি:

let players = { a: "lucy", b: "harry" }
console.log(Object.values(players))

Object.values() মেথড একটি আর্গুমেন্ট নেয়: সেই অবজেক্টের নাম যার ভ্যালুগুলো আপনি দেখতে চান। এই সিনট্যাক্সে, আমরা মেথডের ফলাফল কনসোলে প্রিন্ট করি।

এই কোড আমাদের জাভাস্ক্রিপ্ট অবজেক্টের প্লেয়ারদের নাম রিটার্ন করে: lucy এবং harry। এই নামগুলো একটি লিস্টে রিটার্ন হয়, যা আমরা জাভাস্ক্রিপ্ট কনসোলে প্রিন্ট করি:

["lucy", "harry"]

লক্ষ্য করুন ভ্যালুগুলো সেই অর্ডারে আছে যেন সেগুলো অবজেক্টে ছিল।

Object.values() মেথড একটি অবজেক্ট থেকে ভ্যালু রিট্রিভ করার একটি সহজ উপায়। বিকল্প হলো একটি নতুন লিস্ট তৈরি করা এবং একটি for লুপ দিয়ে অবজেক্টের ওপর ইটারেট করা, প্রতিটি ভ্যালু নতুন লিস্টে যোগ করা। এই মেথড বেশি সময় এবং বেশি কোড নেয়।

এই মেথড একশনে একটি উদাহরণ দেখি।

Object.values() জাভাস্ক্রিপ্ট উদাহরণ

ধরুন আমাদের একটি অবজেক্ট আছে যাতে ক্যালিফোর্নিয়ার একটি সিটি San Jose সম্পর্কে ইনফরমেশন আছে। আমরা এই সিটি সম্পর্কে সকল ইনফরমেশন রিট্রিভ করতে চাই প্রতিটি ডেটার সাথে যুক্ত লেবেলগুলো ছাড়া।

এই key-value pair বিবেচনা করুন:

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>

প্রথমে, আমরা একটি স্ট্যান্ডার্ড HTML পেজ সেট আপ করি ট্যাগ, ট্যাগ, এবং ট্যাগে কিছু বেসিক মেটা ইনফরমেশন সহ।

আমরা একটি