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

JavaScript ऐरे में shift() मेथड का महत्व


shift() मेथड

shift() मेथड ऐरे के पहले एलिमेंट को हटाता है और उस हटाए गए एलिमेंट को लौटाता है। यह ऐरे की लंबाई को 1 से कम कर देता है और सभी शेष एलिमेंट्स के इंडेक्स को 1 से घटा देता है।

pop() से अंतर

मेथडकहाँ से हटाता हैलौटाता है
shift()शुरुआत (इंडेक्स 0)हटाया गया एलिमेंट
pop()अंत (अंतिम इंडेक्स)हटाया गया एलिमेंट

उदाहरण

<html> <body> <p id="demo"></p> <script>
  var numbers = [1, 2, 3, 4, 5];
  var fruits = ["apple", "mango", "banana", "guava", "strawberry"];
  
  var removedNum = numbers.shift();  // 1 हटाता है
  var removedFruit = fruits.shift(); // "apple" हटाता है
  
  document.write("हटाया गया नंबर: " + removedNum + "<br>");
  document.write("हटाया गया फल: " + removedFruit + "<br>");
  document.write("शेष नंबर: " + numbers + "<br>");
  document.getElementById("demo").innerHTML = "शेष फल: " + fruits;
</script> </body> </html>

आउटपुट

हटाया गया नंबर: 1
हटाया गया फल: apple
शेष नंबर: 2,3,4,5
शेष फल: mango,banana,guava,strawberry

विशेषताएं

  • म्यूटेटिंग मेथड - मूल ऐरे बदल जाता है
  • खाली ऐरे पर undefined लौटाता है
  • सभी एलिमेंट्स को री-इंडेक्स करता है (O(n) ऑपरेशन)
  • क्यू (Queue) डेटा स्ट्रक्चर में FIFO के लिए उपयोगी

परफॉरमेंस नोट

बड़े ऐरे पर shift() धीमा हो सकता है क्योंकि सभी एलिमेंट्स को शिफ्ट करना पड़ता है। ऐसे मामलों में deque पैटर्न या इंडेक्स ट्रैकिंग बेहतर होती है।

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

  • unshift() - शुरुआत में एलिमेंट जोड़ता है
  • push() - अंत में एलिमेंट जोड़ता है
  • pop() - अंत से हटाता है
  1. JavaScript Array.from(): एरे-लाइक से एरे बनाएं JavaScript Array.from(): एरे-लाइक से एरे बनाएं

    Array.from() एक स्थिर मेथड है जो एरे-लाइक या इटरेटर ऑब्जेक्ट्स से एक नया, शैलो-कॉपीड एरे इंस्टेंस बनाता है। यह arguments, NodeList, Set, Map, स्ट्रिंग्स, आदि को एरे में बदलने का मानक तरीका है। उदाहरण { const arr = Array.from(str); fillEle.innerHTML = एरे: + arr.join(, ); })

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

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

  1. JavaScript Array.shift(): पहला तत्व हटाएं JavaScript Array.shift(): पहला तत्व हटाएं

    Array.prototype.shift() मेथड एरे से पहला तत्व हटाता है, उस तत्व को लौटाता है, और शेष सभी तत्वों के इंडेक्स को 1 से घटा देता है। यह एरे की लंबाई बदल देता है। उदाहरण { const removed = arr.shift(); fillEle.innerHTML = `हटाया गया: ${removed}<br>शेष: ` + arr.join(, ); });