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

Array.prototype.reverse() मेथड एरे के तत्वों के क्रम को स्थानांतरित (in-place) उलट देता है। पहला तत्व अंतिम बन जाता है और अंतिम पहला। यह मूल एरे को बदल देता है और उसी एरे का संदर्भ लौटाता है।

उदाहरण

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style> 
    body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; padding: 20px; } 
    .sample { font-size: 20px; font-weight: 500; } 
    button { padding: 10px 20px; background: #6f42c1; color: white; border: none; border-radius: 4px; cursor: pointer; } 
</style> </head> <body> 
<h1>JavaScript Array.reverse() मेथड</h1> 
<div class="sample"></div> 
<button class="Btn">एरे उल्टा करें</button> 
<h3>ऊपर दिए गए बटन पर क्लिक करके एरे को उल्टा करें</h3> 
<script> 
    const fillEle = document.querySelector(".sample"); 
    let arr = ["H", "E", "L", "L", "O"]; 
    fillEle.innerHTML = "मूल: " + arr.join(", "); 
    
    document.querySelector(".Btn").addEventListener("click", () => { 
        arr.reverse(); 
        fillEle.innerHTML = "उल्टा: " + arr.join(", "); 
    }); 
</script> </body> </html>

आउटपुट

मूल: H, E, L, L, O

reverse() के बाद: O, L, L, E, H

महत्वपूर्ण विशेषताएं

• म्यूटेट करता है: मूल एरे बदल जाता है
• लौटाता है: उसी एरे का संदर्भ (नया एरे नहीं)
• कॉपी के लिए: [...arr].reverse() या arr.slice().reverse() उपयोग करें

सामान्य उपयोग पैटर्न

// 1. स्ट्रिंग उल्टा करना
"hello".split("").reverse().join(""); // "olleh"

// 2. कॉपी बनाकर उल्टा करना (मूल सुरक्षित)
const original = [1, 2, 3];
const reversed = [...original].reverse(); // [3, 2, 1]
console.log(original); // [1, 2, 3] - अपरिवर्तित

// 3. लूप में उल्टा क्रम
const items = ["पहला", "दूसरा", "तीसरा"];
[...items].reverse().forEach((item, i) => {
    console.log(`${items.length - i}. ${item}`);
});

// 4. स्टैक व्यवहार (LIFO)
const stack = [];
stack.push(1, 2, 3);
stack.reverse(); // अब pop() से पहला डाला गया निकलेगा

संबंधित मेथड्स

नोट: ES2023 में toReversed() और toSorted() जोड़े गए हैं जो नए एरे लौटाते हैं, मूल को अपरिवर्तित रखते हैं।