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

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

जावास्क्रिप्ट का slice() मेथड एरे में चुने गए एलिमेंट्स को लौटाने के लिए उपयोग किया जाता है।

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

array.slice(start, end)

ऊपर, start पैरामीटर एक पूर्णांक है जो चयन शुरू करने का स्थान निर्दिष्ट करता है, जबकि end वह स्थान है जहां चयन समाप्त होता है।

उदाहरण 1

<!DOCTYPE html>
<html>
<body>
  <h2>डेमो हेडिंग</h2>
  <p id="test"></p>
  <script>
    var arr = ["Accessories", "Electronics", "Books", "Pet Supplies"];
    document.getElementById("test").innerHTML = 
      "Initial array = " + arr + ", 
Sliced = " + arr.slice(2, 4); </script> </body></html>

आउटपुट

Initial array = Accessories,Electronics,Books,Pet Supplies
Sliced = Books,Pet Supplies

उदाहरण 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() {
      document.getElementById("test").innerHTML = 
        "Array after slicing some elements = " + car.slice(1,4);
    }
  </script>
</body></html>

आउटपुट

क्लिक से पहले: Hatchback,Convertible,SUV,AUV,MUV

क्लिक के बाद: Convertible,SUV,AUV

विस्तृत व्यवहार

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

// बेसिक
arr.slice(1, 3);    // ['b', 'c'] - इंडेक्स 1, 2 (3 शामिल नहीं)
arr.slice(2);       // ['c', 'd', 'e'] - इंडेक्स 2 से अंत तक
arr.slice(-2);      // ['d', 'e'] - अंतिम 2
arr.slice(-4, -1);  // ['b', 'c', 'd'] - अंत से 4th से अंत से 1st तक
arr.slice();        // ['a', 'b', 'c', 'd', 'e'] - कॉपी (शैलो)

// आउट-ऑफ-बाउंड्स (सेफ)
arr.slice(10);      // [] - खाली एरे
arr.slice(-10);     // पूरा एरे (क्लैंप्ड टू 0)

// स्ट्रिंग्स पर भी काम करता है
'hello'.slice(1, 4); // 'ell'

slice vs splice

पहलू slice() splice()
म्यूटेशन नहीं (इम्यूटेबल) हां (म्यूटेट करता है)
रिटर्न नया एरे (चुने गए एलिमेंट्स) हटाए गए एलिमेंट्स का एरे
पैरामीटर्स start, end start, deleteCount, items...

सर्वोत्तम अभ्यास: सबएरे निकालने/कॉपी करने के लिए slice() उपयोग करें। एलिमेंट्स जोड़ने/हटाने के लिए splice() उपयोग करें।

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

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

  1. JavaScript Array.reverse(): एरे को उल्टा करें JavaScript Array.reverse(): एरे को उल्टा करें

    Array.prototype.reverse() मेथड एरे के तत्वों के क्रम को स्थानांतरित (in-place) उलट देता है। पहला तत्व अंतिम बन जाता है और अंतिम पहला। यह मूल एरे को बदल देता है और उसी एरे का संदर्भ लौटाता है। उदाहरण { arr.reverse(); fillEle.innerHTML = उल्टा: + arr.join(, ); }); </scrip

  1. जावास्क्रिप्ट में ऐरे डीस्ट्रक्चरिंग जावास्क्रिप्ट में ऐरे डीस्ट्रक्चरिंग

    परिचय डीस्ट्रक्चरिंग असाइनमेंट (ES2015) ऐरे से मानों को अलग-अलग वेरिएबल्स में अनपैक करने का एक संक्षिप्त सिंटैक्स है। यह पठनीयता में सुधार करता है और मैन्युअल इंडेक्स एक्सेस की आवश्यकता को कम करता है। उदाहरण निम्न कोड जावास्क्रिप्ट में ऐरे डीस्ट्रक्चरिंग के लिए है: <!DOCTYPE html> <html