जावास्क्रिप्ट का 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() उपयोग करें।