Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

JavaScript में Array.entries() मेथड का उपयोग


Array.entries() मेथड

entries() मेथड एक नया इटरेटर ऑब्जेक्ट लौटाता है जिसमें ऐरे के प्रत्येक इंडेक्स के लिए [key, value] पेयर्स होते हैं।

सिंटैक्स

array.entries()

उदाहरण

<html> <body> <script>
  var elements = ["Helium", "Neon", "Krypton", "Xenon", "Radon"];
  var iterator = elements.entries();
  
  for (let entry of iterator) {
    document.write(entry + "<br>");  // entry एक [index, value] ऐरे है
  }
</script> </body> </html>

आउटपुट

0,Helium
1,Neon
2,Krypton
3,Xenon
4,Radon

इटरेटर का मैन्युअल उपयोग

<script>
  var arr = ['a', 'b', 'c'];
  var iter = arr.entries();
  
  console.log(iter.next());  // {value: [0, "a"], done: false}
  console.log(iter.next());  // {value: [1, "b"], done: false}
  console.log(iter.next());  // {value: [2, "c"], done: false}
  console.log(iter.next());  // {value: undefined, done: true}
</script>

डिस्ट्रक्चरिंग के साथ (अधिक पठनीय)

<script>
  var elements = ["Helium", "Neon", "Krypton", "Xenon", "Radon"];
  
  for (let [index, value] of elements.entries()) {
    console.log(`${index}: ${value}`);
  }
  
  // आउटपुट:
  // 0: Helium
  // 1: Neon
  // 2: Krypton
  // 3: Xenon
  // 4: Radon
</script>

Array.from() के साथ ऐरे में बदलना

<script>
  var entriesArray = Array.from(['a', 'b', 'c'].entries());
  // [[0, "a"], [1, "b"], [2, "c"]]
  
  // Map में बदलना
  var map = new Map(['a', 'b', 'c'].entries());
  // Map {0 => "a", 1 => "b", 2 => "c"}
</script>

संबंधित मेथड्स

मेथडरिटर्न्सउपयोग
keys()इंडेक्स इटरेटरकेवल इंडेक्स चाहिए
values()वैल्यू इटरेटरकेवल मान चाहिए
entries()[index, value] इटरेटरदोनों चाहिए

उपयोग के मामले

  • इंडेक्स और वैल्यू दोनों चाहिए हों
  • Map ऑब्जेक्ट बनाना
  • फंक्शनल प्रोग्रामिंग पैटर्न्स
  • डीबगिंग/लॉगिंग में इंडेक्स के साथ
  1. JavaScript Pop मेथड: यह क्या है और इसका उपयोग कैसे करें JavaScript Pop मेथड: यह क्या है और इसका उपयोग कैसे करें

    JavaScript एरे pop मेथड कई एरे मेथड्स में से एक है जिसका उपयोग एरे में डेटा को मैनिपुलेट करने के लिए किया जा सकता है। वेब डेवलपर्स इसका उपयोग तब करते हैं जब उन्हें या तो छोटे एरे के साथ या पॉप्ड एलिमेंट के साथ कुछ करने की आवश्यकता होती है। आइए सीखें कि इसका उपयोग कैसे करें: सिंटैक्स इस मेथड का सिंट

  1. - JavaScript WeakMap में .clear() मेथड का क्या उपयोग है?

    WeakMap पर clear मेथड WeakMap ऑब्जेक्ट से सभी की/वैल्यू पेयर्स को हटा देता है। इस मेथड को स्पेक से हटा दिया गया है और WeakMap ऑब्जेक्ट को क्लियर मेथड के लिए अतिरिक्त सपोर्ट के साथ लपेटकर वापस जोड़ा जा सकता है। उदाहरण class ClearableWeakMap { constructor(init) { this._wm = new WeakMap(init) } clear(

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

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