जावास्क्रिप्ट में ऐरे स्प्लिसिंग क्या है? उदाहरण सहित समझाएं।

परिचय

ऐरे स्प्लिसिंग का अर्थ है Array.splice() मेथड का उपयोग करके ऐरे से आइटम्स जोड़ना या हटाना। हटाए गए आइटम्स एक ऐरे के रूप में लौटाए जाते हैं। यह मेथड मूल ऐरे को म्यूटेट करता है।

सिंटैक्स

array.splice(startIndex, deleteCount, item1, item2, ...)

• startIndex - परिवर्तन शुरू करने का इंडेक्स
• deleteCount - हटाने के लिए एलिमेंट्स की संख्या (0 = केवल जोड़ें)
• item1, item2, ... - जोड़ने के लिए एलिमेंट्स

उदाहरण

निम्न कोड जावास्क्रिप्ट में ऐरे स्प्लिसिंग के लिए है:

<!DOCTYPE html> <html lang="hi"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>ऐरे स्प्लिसिंग</title> <style> body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } .sample, .result { font-size: 20px; font-weight: 500; } </style> </head> <body> <h1>जावास्क्रिप्ट में ऐरे स्प्लिसिंग</h1> <div class="sample"></div> <div style="color: green;" class="result"></div> <button class="Btn">यहाँ क्लिक करें</button> <h3> दूसरे एलिमेंट के बाद आइटम्स जोड़ने के लिए ऊपर दिए गए बटन पर क्लिक करें </h3> <script> const fillEle = document.querySelector(".sample"); const resEle = document.querySelector(".result"); const arr = [1, 3, 5, 7, 9, 11]; fillEle.innerHTML = arr; document.querySelector(".Btn").addEventListener("click", () => { // इंडेक्स 2 से शुरू, 0 हटाएं, 5 एलिमेंट्स जोड़ें arr.splice(2, 0, "A", "B", "C", "D", "E"); resEle.innerHTML = "स्प्लिस्ड ऐरे = " + arr; }); </script> </body> </html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा:

'यहाँ क्लिक करें' बटन पर क्लिक करने पर:

अन्य सामान्य उपयोग

// एलिमेंट्स हटाएं
arr.splice(1, 2); // इंडेक्स 1 से 2 एलिमेंट्स हटाएं

// एलिमेंट्स बदलें
arr.splice(1, 1, 'new'); // इंडेक्स 1 पर 1 एलिमेंट को 'new' से बदलें

// सभी एलिमेंट्स हटाएं
arr.splice(0); // ऐरे खाली करता है

नोट

splice() मूल ऐरे को मॉडिफाई करता है और हटाए गए एलिमेंट्स का ऐरे लौटाता है। नॉन-म्यूटिंग विकल्प के लिए slice() या स्प्रेड ऑपरेटर का उपयोग करें।