JavaScript बेसिक ऐरे मेथड्स

कुछ बेसिक JavaScript ऐरे मेथड्स निम्नलिखित हैं:

उदाहरण

<!DOCTYPE html> 
<html lang="en"> 
<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: 18px; font-weight: 500; color: red; } 
    .result { color: blueviolet; } 
  </style> 
</head> 
<body> 
  <h1>JavaScript बेसिक ऐरे मेथड्स</h1> 
  <div class="sample">arr =</div> 
  <div class="result"></div> 
  <button class="Btn">यहां क्लिक करें</button> 
  <h3>ऊपर दिए गए बटन पर क्लिक करके ऐरे पर मेथड्स लागू करें</h3> 
  <script> 
    let resultEle = document.querySelector(".result"); 
    let sampleEle = document.querySelector(".sample"); 
    let arr = ["A", "B", 1, 2, 3, 5]; 
    sampleEle.innerHTML += arr; 
    document.querySelector(".Btn").addEventListener("click", () => { 
      arr.pop(); 
      resultEle.innerHTML += "arr.pop() = " + arr + "<br>"; 
      arr.push(22); 
      resultEle.innerHTML += "arr.push(22) = " + arr + "<br>"; 
      arr.shift(); 
      resultEle.innerHTML += "arr.shift() = " + arr + "<br>"; 
      arr.unshift(55); 
      resultEle.innerHTML += "arr.unshift(55) = " + arr + "<br>"; 
      arr.splice(3, 0, "D", "E", "F"); 
      resultEle.innerHTML += 'Array.splice(3,0,"D","E","F") = ' + arr; 
    }); 
  </script> 
</body> 
</html>

आउटपुट

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

प्रत्येक मेथड का विस्तृत विवरण:

1. push() - अंत में जोड़ें

let arr = [1, 2, 3];
arr.push(4, 5);  // [1, 2, 3, 4, 5]
// रिटर्न: नई लंबाई (5)

2. pop() - अंत से हटाएं

let arr = [1, 2, 3];
arr.pop();  // [1, 2]
// रिटर्न: हटाया गया एलिमेंट (3)

3. unshift() - शुरुआत में जोड़ें

let arr = [1, 2, 3];
arr.unshift(0);  // [0, 1, 2, 3]
// रिटर्न: नई लंबाई (4)

4. shift() - शुरुआत से हटाएं

let arr = [1, 2, 3];
arr.shift();  // [2, 3]
// रिटर्न: हटाया गया एलिमेंट (1)

5. splice() - कहीं भी जोड़ें/हटाएं

let arr = [1, 2, 3, 4, 5];
// सिंटैक्स: splice(start, deleteCount, ...items)
arr.splice(2, 1, 'a', 'b');  // [1, 2, 'a', 'b', 4, 5]
// index 2 से 1 एलिमेंट हटाएं, 'a', 'b' जोड़ें
// रिटर्न: हटाए गए एलिमेंट्स का ऐरे ([3])

महत्वपूर्ण नोट्स:

• म्यूटेटिंग मेथड्स - ये सभी मेथड्स मूल ऐरे को बदलते हैं
• प्रदर्शन - push/pop, unshift/shift से तेज़ हैं (इंडेक्स रीअसाइन नहीं होता)
• इम्म्यूटेबल विकल्प - स्प्रेड ऑपरेटर [...arr, newItem] या arr.slice() के साथ concat()