Cara Mengambil Elemen Acak dari Array di JavaScript

Menampilkan item acak berguna untuk kuis, kutipan harian, banner rotasi, atau memilih pemenang. Artikel ini membahas cara mengambil elemen acak dari array di JavaScript.

Math.random() + Math.floor()

<script>
const buah = ["Apel", "Mangga", "Jeruk"];
const acak = buah[Math.floor(Math.random() * buah.length)];
console.log(acak);
</script>

Math.random() menghasilkan angka 0 hingga kurang dari 1, dikalikan panjang array, lalu Math.floor() membulatkan ke bawah menjadi indeks valid.

Contoh Kasus: Kutipan Motivasi Harian

<script>
const kutipan = [
    "Belajar tanpa henti.",
    "Kesalahan adalah guru terbaik.",
    "Sedikit demi sedikit, lama-lama bisa."
];
const hariIni = kutipan[Math.floor(Math.random() * kutipan.length)];
document.getElementById("kutipan").textContent = hariIni;
</script>

Membuat Fungsi Bantu

<script>
function acakItem(arr) {
    return arr[Math.floor(Math.random() * arr.length)];
}
console.log(acakItem(["merah", "hijau", "biru"]));
</script>

Kesimpulan

Pola arr[Math.floor(Math.random() * arr.length)] adalah cara standar mengambil elemen acak. Membungkusnya menjadi fungsi bantu membuatnya mudah dipakai ulang untuk banner, kuis, atau kutipan.

Referensi: untuk penjelasan lebih mendalam, kunjungi dokumentasi resmi JavaScript (MDN).

Baca Juga

• Cara Memeriksa String Mengandung Kata Tertentu di JavaScript
• Cara Mengganti Semua Kemunculan Kata di String JavaScript
• Cara Membalik Urutan String di JavaScript