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

JavaScriptでドキュメント内のCookieの名前と値のペアを表示する方法

ドキュメント内に保存されているCookieの名前と値のペアを確認するには、document.cookieプロパティを使用します。このプロパティは、現在のドキュメントに関連付けられたすべてのCookieを「名前=値」の形式の文字列として返します。

Cookieの名前と値のペアを表示する基本的なコード

以下のコードを実行すると、JavaScriptでドキュメント内のCookieの名前と値のペアを表示できます。

<!DOCTYPE html>
<html>
<body>
  <script>
    var val = document.cookie;
    document.write("<br>Cookieの名前/値のペア: " + val);
  </script>
</body>
</html>

コードの解説

document.cookieプロパティは、そのドキュメントに紐づくすべてのCookieをセミコロン（;）とスペースで区切った文字列として返します。例えば、複数のCookieが保存されている場合は、次のような形式で取得されます。

username=Taro; theme=dark; language=ja

個々のCookieを扱う場合のポイント

取得した文字列から特定のCookieの値だけを取り出したい場合は、split()メソッドを使って文字列を分割すると便利です。

var cookies = document.cookie.split('; ');
cookies.forEach(function(cookie) {
  var pair = cookie.split('=');
  console.log("名前: " + pair[0] + " / 値: " + pair[1]);
});

このように、document.cookieプロパティを活用することで、ドキュメント内のCookie情報を簡単に取得・表示できます。なお、HttpOnly属性が設定されたCookieはJavaScriptからアクセスできないため、取得結果に含まれない点に注意してください。

  1. JavaScriptのdocument.cookieでドキュメントに関連付けられたCookieを取得する方法

    JavaScriptでは、documentオブジェクトを使って、ドキュメントに関するあらゆる情報を扱うことができます。このオブジェクトが提供するdocument.cookieプロパティを利用すれば、現在のドキュメントに関連付けられたCookieを簡単に取得できます。なお、このプロパティへのアクセスは読み取り操作のみのため、スクリプト内の他のコードに影響を与えることはありません。 構文 document.cookieは、Cookieを「名前=値」のペアとして保持し、複数のCookieはセミコロン（;）とスペースで区切られた1つの文字列として返されます。 cookie = document.coo

  2. JavaScriptで値を数値に変換するには？Number()メソッドの使い方を解説

    JavaScriptでは、Number()メソッドを使うことで、任意の値を数値に変換できます。このメソッドは、数値を表す文字列を数値へ変換したり、真偽値（boolean）を「1」または「0」に変換したりすることが可能です。ここでは、その基本的な使い方について詳しく解説します。構文var num = Number(value);引数 value に変換したい値を渡すと、数値に変換された結果が返されます。変換できない場合は NaN（Not a Number）が返される点にも注意しましょう。例1：数値文字列と真偽値の変換次の例では、Number()メソッドを使って、数値を表す文字列や真偽値を数値に変