जावास्क्रिप्ट Array shift() मेथड

जावास्क्रिप्ट का shift() मेथड एरे के पहले आइटम को हटाने के लिए उपयोग किया जाता है।

सिंटैक्स इस प्रकार है:

array.shift()

उदाहरण 1

<!DOCTYPE html>
<html>
<body>
  <h2>डेमो हेडिंग</h2>
  <p id="test"></p>
  <script>
    var arrStud = ["Laptop", "Desktop", "Tablet"];
    document.getElementById("test").innerHTML = 
      "Initial array = " + arrStud + ", 
Removed first element = " + arrStud.shift();
  </script>
</body></html>

आउटपुट

प्रारंभिक एरे: Laptop,Desktop,Tablet

हटाया गया पहला एलिमेंट: Laptop

शेष एरे: Desktop,Tablet

उदाहरण 2 - बटन के साथ

<!DOCTYPE html>
<html>
<body>
  <h2>कार वेरिएंट</h2>
  <button onclick="display()">परिणाम</button>
  <p id="test"></p>
  <script>
    var car = ["Hatchback", "Convertible", "SUV", "AUV", "MUV"];
    document.getElementById("test").innerHTML = "Initial Array = " + car;
    
    function display() {
      car.shift();
      document.getElementById("test").innerHTML = 
        "Array after removing the 1st element = " + car;
    }
  </script>
</body></html>

महत्वपूर्ण विशेषताएं

• म्यूटेट करता है: मूल एरे को बदलता है
• रिटर्न: हटाया गया एलिमेंट (या undefined यदि एरे खाली है)
• इंडेक्स रीइंडेक्स: शेष एलिमेंट्स के इंडेक्स 0 से शुरू होते हैं
• प्रदर्शन: O(n) - सभी एलिमेंट्स शिफ्ट होते हैं

तुलना

const arr = [1, 2, 3, 4, 5];

arr.shift();     // [2, 3, 4, 5] - पहला हटाता है, 1 लौटाता है
arr.pop();       // [2, 3, 4]   - अंतिम हटाता है, 5 लौटाता है
arr.unshift(0);  // [0, 2, 3, 4] - शुरुआत में जोड़ता है
arr.push(5);     // [0, 2, 3, 4, 5] - अंत में जोड़ता है

नोट: बड़े एरे पर बार-बार shift() उपयोग करने से प्रदर्शन प्रभावित हो सकता है। क्यू ऑपरेशन्स के लिए सर्कुलर बफर या लिंक्ड लिस्ट पर विचार करें।