JavaScript Array.entries(): की-वैल्यू पेयर इटरेटर

Array.prototype.entries() मेथड एक नया एरे इटरेटर ऑब्जेक्ट लौटाता है जिसमें एरे के प्रत्येक इंडेक्स के लिए [key, value] जोड़े होते हैं। यह for...of लूप के साथ इंडेक्स और मान दोनों प्राप्त करने के लिए आदर्श है।

उदाहरण

<!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; padding: 20px; } 
    .sample { font-size: 20px; font-weight: 500; } 
    button { padding: 10px 20px; background: #20c997; color: white; border: none; border-radius: 4px; cursor: pointer; } 
</style> </head> <body> 
<h1>JavaScript Array.entries() मेथड</h1> 
<div class="sample"></div> 
<button class="Btn">की-वैल्यू पेयर दिखाएं</button> 
<h3>ऊपर दिए गए बटन पर क्लिक करके एरे एलिमेंट्स को की-वैल्यू पेयर के रूप में देखें</h3> 
<script> 
    const fillEle = document.querySelector(".sample"); 
    const arr = ["गाय", "बैल", "शेर", "बाघ", "भेड़"]; 
    fillEle.innerHTML = "एरे: " + arr.join(", "); 
    
    const entries = arr.entries(); 
    
    document.querySelector(".Btn").addEventListener("click", () => { 
        fillEle.innerHTML = ""; 
        for (const [key, value] of entries) { 
            fillEle.innerHTML += `इंडेक्स ${key}: ${value}<br>`; 
        } 
    }); 
</script> </body> </html>

आउटपुट

इंडेक्स 0: गाय
इंडेक्स 1: बैल
इंडेक्स 2: शेर
इंडेक्स 3: बाघ
इंडेक्स 4: भेड़

entries() के उपयोग

1. for...of लूप (सबसे आम)

for (const [index, value] of arr.entries()) {
    console.log(index, value);
}

2. Array.from() के साथ

Array.from(arr.entries()); 
// [[0, "गाय"], [1, "बैल"], [2, "शेर"], [3, "बाघ"], [4, "भेड़"]]

3. ऑब्जेक्ट में बदलें

Object.fromEntries(arr.entries()); 
// {0: "गाय", 1: "बैल", 2: "शेर", 3: "बाघ", 4: "भेड़"}

4. Map में बदलें

new Map(arr.entries());
// Map(5) {0 => "गाय", 1 => "बैल", ...}

इटरेटर मेथड्स तुलना

नोट

इटरेटर एक बार उपयोग होने के बाद समाप्त हो जाता है। पुन: उपयोग के लिए नया इटरेटर बनाएं: arr.entries()।