Javascript Clear Cookies By Name

3 min read Jun 20, 2024

Cara Menghapus Cookie Berdasarkan Nama di JavaScript

Membuat dan menghapus cookie adalah bagian penting dari pengembangan web. Di JavaScript, Anda dapat dengan mudah mengelola cookie dengan memanfaatkan objek document.cookie.

Artikel ini akan membahas cara menghapus cookie berdasarkan namanya.

Langkah-Langkah Menghapus Cookie Berdasarkan Nama

Dapatkan Cookie: Pertama, Anda perlu mendapatkan nilai cookie yang ingin dihapus. Anda dapat melakukannya dengan menggunakan objek document.cookie dan memisahkannya berdasarkan nama.
Hapus Cookie: Setelah mendapatkan cookie yang ingin dihapus, Anda perlu mengatur nilai cookie tersebut menjadi string kosong dengan masa kedaluwarsa di masa lampau.

Kode Contoh

function deleteCookie(cookieName) {
  // Set cookie value to an empty string and expire it in the past
  document.cookie = cookieName + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
}

// Contoh penggunaan:
deleteCookie("username"); // Menghapus cookie dengan nama "username"

Penjelasan Kode

Fungsi deleteCookie(cookieName) menerima nama cookie sebagai parameter.
Di dalam fungsi, document.cookie diatur dengan format cookieName = ; expires = Thu, 01 Jan 1970 00:00:00 UTC; path = /;.
cookieName = ; akan mengosongkan nilai cookie.
expires = Thu, 01 Jan 1970 00:00:00 UTC; akan mengatur tanggal kedaluwarsa cookie menjadi masa lampau.
path = /; akan memastikan bahwa cookie dihapus dari seluruh domain.

Contoh lain

function deleteCookie(cookieName) {
  const date = new Date();
  date.setTime(date.getTime() - (24*60*60*1000)); // 1 hari di masa lalu
  document.cookie = cookieName + "=; expires=" + date.toUTCString() + "; path=/;";
}

Catatan Penting

Pastikan nama cookie yang Anda ingin hapus sesuai dengan nama yang digunakan saat membuat cookie.
Untuk menghapus semua cookie, Anda dapat menggunakan kode berikut:

document.cookie.split(';').forEach(function(c) {
    document.cookie = c.trim() + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";
});

Dengan memahami langkah-langkah dan kode contoh ini, Anda dapat dengan mudah menghapus cookie berdasarkan namanya di JavaScript.