JavaScript 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>array.values()</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">यहां क्लिक करें</button> 
  <h3>ऊपर दिए गए बटन पर क्लिक करके केवल ऐरे वैल्यूज देखें</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>

आउटपुट

"यहां क्लिक करें" बटन पर क्लिक करने पर:

JavaScript array.values() मेथड

सिंटैक्स:

array.values()

रिटर्न - नया Array Iterator ऑब्जेक्ट
इटरेबल - for...of लूप, स्प्रेड ऑपरेटर, Array.from() के साथ उपयोग योग्य

values() vs entries() vs keys():

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

// values() - केवल मान
for (let v of arr.values()) console.log(v); 
// "a", "b", "c"

// keys() - केवल इंडेक्स
for (let k of arr.keys()) console.log(k); 
// 0, 1, 2

// entries() - [इंडेक्स, मान] जोड़े
for (let e of arr.entries()) console.log(e); 
// [0, "a"], [1, "b"], [2, "c"]

// डिफ़ॉल्ट फॉर...ऑफ values() के समान
for (let v of arr) console.log(v); // "a", "b", "c"

व्यावहारिक उपयोग:

const fruits = ['apple', 'banana', 'orange'];

// स्प्रेड ऑपरेटर के साथ (ऐरे कॉपी)
const copy = [...fruits.values()];

// Array.from के साथ
const arr = Array.from(fruits.values());

// फिल्टर/मैप चेनिंग में
const upper = [...fruits.values()].map(f => f.toUpperCase());

// Set/Map में कन्वर्ट
const unique = new Set([...fruits.values(), 'apple']); // डुप्लीकेट हटाता है

महत्वपूर्ण नोट्स:

लेजी इवैल्यूएशन - इटरेटर तभी कम्प्यूट होता है जब इटरेट किया जाता है
सिंगल यूज - इटरेटर एक बार खत्म होने पर दोबारा उपयोग नहीं किया जा सकता
होल्स (खाली स्लॉट्स) - values() होल्स के लिए undefined देता है
म्यूटेशन - इटरेशन के दौरान ऐरे बदलने पर व्यवहार अनिर्धारित

ब्राउज़र सपोर्ट:

सभी आधुनिक ब्राउज़र्स (IE नहीं)। पॉलीफिल उपलब्ध है।