JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでCookieを削除する方法をわかりやすく解説

Web開発をしていると、保存済みのCookieを削除して、以降の読み取りでは何も返らないようにしたい場面があります。JavaScriptでCookieを削除するのはとても簡単です。有効期限（expires）を過去の日時に設定し直すだけで、ブラウザはそのCookieを自動的に破棄します。

Cookie削除の基本の仕組み

JavaScriptには、Cookieを直接削除するための専用APIは用意されていません。代わりに、同じ名前のCookieを「すでに期限切れ」の状態で上書きすることで、実質的に削除します。具体的には、expires属性に現在日時より前の日付（たとえば1か月前）を指定します。

サンプルコード

次の例では、フォームに入力された名前をCookieに書き込むと同時に、有効期限を現在から1か月前に設定することで、Cookieを即座に無効化（削除）しています。

<html>
<head>
<script>
function WriteCookie() {
    var now = new Date();
    now.setMonth( now.getMonth() - 1 );
    cookievalue = escape(document.myform.customer.value) + ";";

    document.cookie = "name=" + cookievalue;
    document.cookie = "expires=" + now.toUTCString() + ";";
    document.write("Setting Cookies : name=" + cookievalue);
}
</script>
</head>
<body>
<form name="myform" action="">
    Enter name: <input type="text" name="customer"/>
    <input type="button" value="Set Cookie" onclick="WriteCookie()"/>
</form>
</body>
</html>

コードのポイント

  • now.setMonth(now.getMonth() - 1) によって、現在日時から1か月前の日時オブジェクトを生成しています。
  • document.cookie に対して name=値; expires=過去の日時 を設定すると、ブラウザは該当するCookieを削除します。
  • なお、escape() は現在では非推奨の関数です。実際の開発では encodeURIComponent() を使うことが推奨されます。

注意点：pathとdomainを一致させる

既存のCookieを確実に削除するには、Cookie作成時に指定した path や domain 属性と同じ値を、削除時にも指定する必要があります。これらが一致しない場合、ブラウザはそれを別のCookieとして認識するため、元のCookieは削除されません。特にパスを限定してCookieを発行している場合は注意しましょう。

  1. JavaScriptでCookieを読み取る方法を解説！サンプルコード付き

    JavaScriptでは、document.cookieプロパティを使用することで、ブラウザに保存されているCookieを簡単に読み取ることができます。本記事では、実際に動作するサンプルコードをもとに、Cookieの読み取り方法をわかりやすく解説します。 注意：このサンプルを実行するには、ローカルサーバー環境が必要です。HTMLファイルを直接ブラウザで開いた場合、Cookieが正しく機能しないことがあります。 サンプルコード <!DOCTYPE html> <html lang="en"> <head> <meta charset=

  2. AndroidでNetflixのCookieを削除する方法|アプリ・ブラウザ別の手順を解説

    Netflixは世界有数のストリーミングプラットフォームであり、過去10年間で世界最大級のエンターテインメント企業へと成長しました。サブスクリプション型のストリーミングサービスとして2007年にサービスを開始したNetflixは、2010年代のインターネット接続環境の急速な普及を追い風に急成長を遂げ、現在では2億人以上のアクティブユーザーを抱えています。 他の多くのウェブサイトと同様に、Netflixもユーザー体験の向上のためにCookieを使用しています。Cookieは、ユーザーのネット上での行動を分析することでニーズを把握するうえで重要な役割を果たします。Androidアプリやウェブ版Ne