কম্পিউটার টিউটোরিয়াল

জাভাস্ক্রিপ্ট array.values() মেথড

JavaScript array.values() একটি ইটারেটর অবজেক্ট রিটার্ন করে যা প্রদত্ত অ্যারের সব ভ্যালু ধারণ করে।

উদাহরণ

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8" /> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
  <title>Document</title> 
  <style> 
    body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
    .sample { font-size: 20px; font-weight: 500; }
  </style> 
</head> 
<body> 
  <h1>JavaScript array.values()</h1> 
  <div class="sample"></div> 
  <button class="Btn">CLICK HERE</button> 
  <h3>Click on the above button to see the array values only</h3> 
  <script> 
    let fillEle = document.querySelector(".sample");
    let arr = ["cow", "bull", "lion", "tiger", "sheep"];
    var entries = arr.entries();
    
    for (let x of entries) 
      fillEle.innerHTML += x + "</br>";
    
    document.querySelector(".Btn").addEventListener("click", () => {
      fillEle.innerHTML = "";
      for (let x of arr.values()) {
        fillEle.innerHTML += x + "</br>";
      }
    });
  </script> 
</body> </html>

আউটপুট

ক্লিক করার আগে entries(): [0, "cow"], [1, "bull"]...
ক্লিক করার পর values(): শুধু ভ্যালুগুলো cow, bull, lion...

ব্যাখ্যা

  • arr.values() → ইটারেটর যা শুধু values দেয়
  • arr.keys() → ইটারেটর যা শুধু keys (ইন্ডেক্স) দেয়
  • arr.entries() → ইটারেটর যা [key, value] পেয়ার দেয়
  • for...of লুপ সরাসরি ইটারেটর কনসাম করে
  • ডিফল্ট অ্যারে ইটারেশন (for...of arr) values() সমান

তুলনা

const arr = ['a', 'b', 'c'];

for (let v of arr.values())     console.log(v);     // a, b, c
for (let k of arr.keys())       console.log(k);     // 0, 1, 2
for (let [k, v] of arr.entries()) console.log(k, v); // 0 a, 1 b, 2 c

// স্প্রেড অপারেটরেও কাজ করে
[...arr.values()]  // ['a', 'b', 'c']
[...arr.keys()]    // [0, 1, 2]
[...arr.entries()] // [[0,'a'], [1,'b'], [2,'c']]

ইটারেটর লেজি (lazy) - মান গুলো অন-ডিমান্ড জেনারেট হয়, মেমোরি ইফিশিয়েন্ট।

  1. জাভাস্ক্রিপ্ট Array slice() মেথড

  2. জাভাস্ক্রিপ্ট Array shift() মেথড

  3. জাভাস্ক্রিপ্ট Array reverse() মেথড

  4. জাভাস্ক্রিপ্টে অ্যারে ডিস্ট্রাকচারিং