जावास्क्रिप्ट में splice() मेथड का उपयोग करके एलिमेंट्स कैसे हटाएं?

परिचय

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

सिंटैक्स

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

उदाहरण

निम्न कोड जावास्क्रिप्ट में splice() मेथड का उपयोग करके एलिमेंट्स हटाने के लिए है:

<!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>splice() का उपयोग करके एलिमेंट्स हटाएं</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", () => { // इंडेक्स 1 से शुरू, 4 एलिमेंट्स हटाएं (इंडेक्स 1,2,3,4) const removed = arr.splice(1, 4); resEle.innerHTML = 'स्प्लिस्ड ऐरे = ' + arr + '<br>'; resEle.innerHTML += 'हटाए गए एलिमेंट्स = ' + removed; }); </script> </body> </html>

आउटपुट

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

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

सामान्य पैटर्न्स

// अंतिम एलिमेंट हटाएं
arr.splice(-1, 1);

// पहला एलिमेंट हटाएं
arr.splice(0, 1);

// विशिष्ट मान द्वारा हटाएं
const index = arr.indexOf(value);
if (index !== -1) arr.splice(index, 1);

// सभी घटनाएं हटाएं
while ((index = arr.indexOf(value)) !== -1) {
  arr.splice(index, 1);
}

नॉन-म्यूटिंग विकल्प

// slice() - भाग कॉपी करता है
const newArr = arr.slice(0, 2).concat(arr.slice(4));

// filter() - शर्त के आधार पर
const filtered = arr.filter(x => x !== value);

// स्प्रेड + slice (ES6)
const newArr = [...arr.slice(0, 1), ...arr.slice(3)];