Kodealgo

Array Reverse JavaScript: Sintaks dan Contoh Penggunaan

reverse() merupakan method array di JavaScript yang berfungsi untuk membalikkan urutan array, elemen pertama jadi terakhir dan elemen terakhir jadi yang pertama.

Method ini menyebabkan side effect yang membuat array asli berubah atau bermutasi, array yang dikembalikan adalah referensi ke array sumber.

Misalnya, kita memiliki array [5, 4, 3, 2, 1] dan kita ingin membalikkan urutannya menjadi [1, 2, 3, 4, 5].

Ini bisa kita tangani menggunakan perulangan, tapi cukup merepotkan. Dengan reverse() kita bisa membalikkannya dengan mudah.

Mari kita pelajar sintaks dan contoh penggunaannya.

  1. Sintaks
  2. Contoh
    1. Membalikkan Elemen Array
    2. Membalikkan Elemen Dalam Objek Mirip Array

Sintaks

reverse();

Parameter

Tidak memiliki parameter.

Nilai Kembalian

Mengembalikan array dengan urutan terbalik.

Contoh

Membalikkan Elemen Array

Contoh berikut membalikkan array numbers dari [5, 4, 3, 2, 1] menjadi [ 1, 2, 3, 4, 5 ].

const numbers = [5, 4, 3, 2, 1];

console.log(numbers); // [5, 4, 3, 2, 1]

const numbersReverse = numbers.reverse();

console.log(numbers); // [ 1, 2, 3, 4, 5 ]
console.log(numbersReverse); // [ 1, 2, 3, 4, 5 ]

Yang juga perlu diperhatikan di sini, array asli ikut berubah.

Karena mengubah array asli, kita biasanya tidak menampung array yang dikembalikan method reverse.

Jadi, deklarasi variabel dibelakangnya (numbersReverse) biasanya tidak ditulis, kita bisa langsung menggunakan array asli numbers, seperti berikut.

const numbers = [5, 4, 3, 2, 1];

numbers.reverse();

console.log(numbers); // [ 1, 2, 3, 4, 5 ]

Membalikkan Elemen Dalam Objek Mirip Array

reverse bersifat generik, method ini dapat dipanggil (call) atau diterapkan (apply) ke objek yang mirip array.

Syaratnya, objek harus memiliki properti length sesuai jumlah properti objek, properti harus numerik dan berurutan seperti indeks array.

const numbers = { 0: 1, 1: 2, 2: 3, length: 3 };

console.log(numbers); // { '0': 1, '1': 2, '2': 3, length: 3 }

Array.prototype.reverse.call(numbers);

console.log(numbers); // { '0': 3, '1': 2, '2': 1, length: 3 }

Ini sebetulnya jarang dilakukan, tapi ketahuilah ini bisa kita lakukan, siapa tau nanti kita membutuhkannya.