Cara Membaca Nilai Cookie dengan JavaScript

Membaca cookie di JavaScript sedikit rumit karena semua cookie tersimpan dalam satu string panjang yang dipisahkan titik koma. Artikel ini membahas cara membaca nilai cookie di JavaScript.

Fungsi Pembaca Cookie

<script>
function getCookie(nama) {
    const cocok = document.cookie.match("(^|;)\\s*" + nama + "\\s*=\\s*([^;]+)");
    return cocok ? cocok.pop() : "";
}
console.log(getCookie("nama")); // "Budi"
</script>

Fungsi ini mencari nama cookie di dalam string document.cookie dan mengembalikan nilainya bila ditemukan.

Contoh Kasus: Menerapkan Preferensi Bahasa Tersimpan

<script>
const bahasa = getCookie("bahasa") || "id"; // default "id"
document.documentElement.lang = bahasa;
console.log("Bahasa aktif: " + bahasa);
</script>

Cara Alternatif dengan split()

<script>
const semua = Object.fromEntries(
    document.cookie.split("; ").map(c => c.split("="))
);
console.log(semua.nama);
</script>

Kesimpulan

Untuk membaca cookie, gunakan fungsi bantu yang mem-parsing document.cookie, karena tidak ada metode bawaan untuk mengambil satu cookie. Sediakan nilai default dengan || "..." bila cookie belum ada.

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

Baca Juga

Ali Akbar

Software Developer yang fokus mengembangkan aplikasi berbasis Web dan Desktop. Senang mempelajari teknologi baru terutama di bidang web design dan web development.

View all posts by Ali Akbar →

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *