javascript - JavaScript を使用して単一の Cookie 値を取得および設定する「最良の」方法は何ですか?

Question

ページがキャッシュから読み込まれた場合でも、ページが参照されるたびに Cookie の値をインクリメントしたい。これを実装するための「最良の」または最も簡潔な方法は何ですか?

Answer 1

http://www.quirksmode.org/js/cookies.html#scriptから盗まれました

function createCookie(name,value,days) {
    if (days) {
        var date = new Date();
        date.setTime(date.getTime()+(days*24*60*60*1000));
        var expires = "; expires="+date.toUTCString();
    }
    else var expires = "";
    document.cookie = name+"="+value+expires+"; path=/";
}

function readCookie(name) {
    var nameEQ = name + "=";
    var ca = document.cookie.split(';');
    for(var i=0;i < ca.length;i++) {
        var c = ca[i];
        while (c.charAt(0)==' ') c = c.substring(1,c.length);
        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
    }
    return null;
}

function eraseCookie(name) {
    createCookie(name,"",-1);
}

それを使用して：

var oldCount = parseInt(readCookie('hitCount'), 10) || 0;
createCookie('hitCount', oldCount + 1, 7);

コメントで指摘されているように、Cookie は文字列として格納されて返されるため、int にキャストする必要があります。foo++orを使用する++fooと実際にキャストされますが、何を扱っているかを正確に把握する方が安全です。

var x = "5";  // x = "5" (string)
x += 1;       // x = "51" (string!)
x += 5;       // x = "515" (string!)
++x;          // x = 516 (number)

Answer 2

私が見た古い Cookie 処理関数のほとんどは、取得する値を格納するために単純な文字列操作を使用します。この例のように、Cookie アクセス用の小さな(< 100 行)ユーティリティであるcookie-jsなどの他のライブラリを使用できます。

私は自分のプロジェクトで個人的に jQuery を使用しており、jQuery Cookie Pluginを使用しています。使い方は非常に簡単です。

var cookieName = "increment";

if ($.cookie(cookieName) == null){
  $.cookie(cookieName, 1, { expires: 10 });
}else{
  var newValue = Number($.cookie(cookieName)) + 1;
  $.cookie(cookieName, newValue, { expires: 10 });
}