Balik Urutan Data dengan Fungsi Array Reverse

Balik Urutan Data dengan Fungsi Array Reverse
Photo by Marcus Urbenz / Unsplash

Kalau kamu sering bermain dengan data di JavaScript, pasti ada saatnya kamu butuh membalik urutan elemen dalam array. Misalnya, kamu punya data angka [1, 2, 3, 4, 5] dan ingin mengubahnya jadi [5, 4, 3, 2, 1]. Nah, untuk tugas semacam ini, JavaScript punya solusi simpel: Array.reverse().

Metode reverse() adalah cara mudah dan cepat untuk membalik urutan elemen dalam array. Yuk, kita bahas bagaimana cara menggunakannya, contoh aplikasinya, dan tips agar lebih maksimal.

Apa Itu reverse()?

reverse() adalah metode bawaan dari objek Array di JavaScript yang digunakan untuk membalikkan urutan elemen dalam array. Metode ini memodifikasi array asli (mutates), jadi hasilnya langsung mengubah data di array tersebut.

Sintaks:

array.reverse();
  • Return Value: Mengembalikan array yang sudah diubah urutannya.
  • Original Array: Hati-hati! reverse() akan mengubah array asli.

Contoh Penggunaan reverse()

1. Balik Urutan Angka

Misalnya, kamu punya array angka dan ingin membalikkan urutannya.

let angka = [1, 2, 3, 4, 5];
angka.reverse();
console.log(angka);

Output:

[5, 4, 3, 2, 1]

2. Balik Urutan String

reverse() juga bisa digunakan untuk array string.

let kata = ["satu", "dua", "tiga", "empat"];
kata.reverse();
console.log(kata);

Output:

["empat", "tiga", "dua", "satu"]

3. Balik Teks (String to Array)

Kamu bisa membalik urutan huruf dalam string dengan kombinasi split(), reverse(), dan join().

let teks = "JavaScript";
let dibalik = teks.split("").reverse().join("");
console.log(dibalik);

Output:

tpircSavaJ

Penjelasan:

  1. split(""): Memecah string menjadi array huruf.
  2. reverse(): Membalik urutan array.
  3. join(""): Menggabungkan kembali array menjadi string.

Studi Kasus Penggunaan reverse()

1. Menampilkan Data dari Akhir ke Awal

Misalnya, kamu punya data transaksi dan ingin menampilkan data terbaru dulu.

let transaksi = ["Transaksi 1", "Transaksi 2", "Transaksi 3"];
transaksi.reverse();
console.log(transaksi);

Output:

["Transaksi 3", "Transaksi 2", "Transaksi 1"]

2. Mengurutkan Data Descending

Kalau kamu ingin mengurutkan angka dari besar ke kecil, gunakan kombinasi sort() dan reverse().

let angka = [3, 1, 4, 2, 5];
angka.sort((a, b) => a - b).reverse();
console.log(angka);

Output:

[5, 4, 3, 2, 1]

3. Membalik Urutan Kata dalam Kalimat

Kalimat sering kali perlu dipecah menjadi array, dibalik, lalu digabung kembali.

let kalimat = "Belajar JavaScript itu menyenangkan";
let dibalik = kalimat.split(" ").reverse().join(" ");
console.log(dibalik);

Output:

"menyenangkan itu JavaScript Belajar"

Kelebihan dan Kekurangan reverse()

Kelebihan:

  1. Sederhana: Mudah digunakan untuk membalik urutan array.
  2. Efisien: Tidak perlu menulis algoritma manual untuk membalik array.
  3. Kompatibel: Didukung di semua browser modern.

Kekurangan:

  1. Mengubah Array Asli: Karena reverse() bersifat mutasi, array aslinya akan berubah.
  2. Tidak Langsung Cocok untuk String: Perlu kombinasi metode seperti split() dan join() untuk string.

Tips Menggunakan reverse()

  1. Gunakan Bersama Metode Lain
    Gabungkan reverse() dengan metode seperti sort(), split(), atau join() untuk hasil lebih fleksibel.

Salin Array Jika Tidak Ingin Mengubah Data Asli
Kalau kamu perlu menjaga array asli, buat salinannya dulu:

let angka = [1, 2, 3, 4, 5];
let dibalik = [...angka].reverse();
console.log(dibalik); // [5, 4, 3, 2, 1]
console.log(angka); // [1, 2, 3, 4, 5]

Kesimpulan

Metode reverse() adalah cara praktis untuk membalik urutan data dalam array. Dengan sintaks sederhana, kamu bisa memanfaatkannya untuk berbagai kebutuhan, seperti menampilkan data terbaru, mengubah urutan teks, atau memproses data secara terbalik.

Sekarang, waktunya kamu eksplorasi metode ini di proyekmu. Praktikkan berbagai skenario di atas dan lihat bagaimana reverse() bisa mempermudah pekerjaanmu. Selamat mencoba dan happy coding!