Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีกลับลำดับ Array ใน JavaScript (reverse)

กลับลำดับ Array

วิธี 1: ใช้ reverse() (Built-in, In-place)

<script>
  var a = [1, 2, 3, 4, 5];
  a.reverse();
  document.write(a); // 5,4,3,2,1
</script>

วิธี 2: ไม่ใช้ Built-in (Algorithm)

<html> <body> <p id="demo"></p> <script>
  var t = [];
  var a = [1, 2, 3, 4, 5];
  
  for (var i = 0; i < a.length; i++) {
    t[i] = a[a.length - 1 - i];
  }
  document.getElementById("demo").innerHTML = t;
</script> </body> </html>

ผลลัพธ์: 5,4,3,2,1

วิธี 3: Spread + Reverse (Immutable - ES6)

const original = [1, 2, 3, 4, 5];
const reversed = [...original].reverse(); // ไม่เปลี่ยน Array ต้นฉบับ
console.log(original);  // [1, 2, 3, 4, 5]
console.log(reversed);  // [5, 4, 3, 2, 1]

สรุป

  • reverse() - เร็ว สั้น แต่ Mutate Array เดิม
  • Manual Loop - เข้าใจ Logic, ไม่ Mutate
  • Spread + reverse() - แนะนำ ใช้งานจริง (Immutable)