เมธอด Array.reverse() ใน JavaScript: การกลับลำดับอาร์เรย์

เมธอด reverse() ของ JavaScript ใช้สำหรับ กลับลำดับองค์ประกอบในอาร์เรย์ องค์ประกอบตัวแรกจะกลายเป็นตัวสุดท้าย และตัวสุดท้ายกลายเป็นตัวแรก

ไวยากรณ์ (Syntax)

array.reverse()

ตัวอย่างการใช้งาน

ตัวอย่างที่ 1: การใช้งานพื้นฐาน

<!DOCTYPE html>
<html>
<body>
  <h2>ตัวอย่าง reverse()</h2>
  <p id="demo"></p>
  <script>
    const arrStud = ["Laptop", "Desktop", "Tablet"];
    document.getElementById("demo").innerHTML = 
      "อาร์เรย์เริ่มต้น = " + arrStud + "<br>" +
      "อาร์เรย์หลังกลับลำดับ = " + arrStud.reverse();
  </script>
</body>
</html>

ตัวอย่างที่ 2: ใช้กับปุ่มกด

<!DOCTYPE html>
<html>
<body>
  <h2>รูปแบบรถยนต์</h2>
  <button onclick="display()">กลับลำดับ</button>
  <p id="demo"></p>
  <script>
    const car = ["Hatchback", "Convertible", "SUV", "AUV", "MUV"];
    document.getElementById("demo").innerHTML = "อาร์เรย์เริ่มต้น = " + car;
    
    function display() {
      car.reverse();
      document.getElementById("demo").innerHTML = "อาร์เรย์หลังกลับลำดับ = " + car;
    }
  </script>
</body>
</html>

คุณสมบัติสำคัญ

• เปลี่ยนแปลงอาร์เรย์ต้นฉบับ (mutates original array)
• คืนค่าอาร์เรย์ที่ถูกกลับลำดับแล้ว (อ้างอิงอาร์เรย์เดียวกัน)
• ไม่มีพารามิเตอร์

วิธีไม่ให้แก้ไขอาร์เรย์ต้นฉบับ (Non-mutating)

// ใช้ spread operator หรือ slice() ก่อน reverse
const original = [1, 2, 3];
const reversed = [...original].reverse(); // original ไม่เปลี่ยน
// หรือ
const reversed2 = original.slice().reverse();