[JavaScript] cookieから値を取得する

投稿日：2016年10月6日更新日：2018年5月3日

cookieから値を取得するサンプルです。

cookieから値を取得するサンプル

cookieから値を取得するには、例１のようにdocument.cookieで取得できます。

例１）cookieから値を取得する

//cookieから値を取得する
var str = document.cookie;

1 2	//cookieから値を取得する var str = document.cookie;

しかし「dt1=aaa; dt2=bbb;」のような文字列が取得されるのでそのままでは非常に扱いづらいです。なので、例２のように連想配列に格納すれば簡単に扱えるようになります。

例２）cookieから値を取得してオブジェクト（連想配列）にセットする

//cookie値を連想配列として取得する
function getCookieArray(){
  var arr = new Array();
  if(document.cookie != ''){
    var tmp = document.cookie.split('; ');
    for(var i=0;i<tmp.length;i++){
      var data = tmp[i].split('=');
      arr[data[0]] = decodeURIComponent(data[1]);
    }
  }
  return arr;
}

//cookie値を連想配列として取得する

function getCookieArray(){

var arr = new Array();

if(document.cookie != ''){

var tmp = document.cookie.split('; ');

for(var i=0;i<tmp.length;i++){

var data = tmp[i].split('=');

arr[data[0]] = decodeURIComponent(data[1]);

}

return arr;

}

var arr = getCookieArray();
var result = arr["key1"];

1 2	var arr = getCookieArray(); var result = arr["key1"];

解説

cookieの使用可否はブラウザの設定に左右されるため、セットしたはずの値が取れないこともあります。

執筆者：とら