javascript - 检查 cookie 是否存在的更快更短的方法

Question

了解 cookie 是否有值(value)或存在的更短、更快速的方法是什么？

我用它来了解是否存在:

 document.cookie.indexOf('COOKIENAME=')== -1

这可以知道是否有值(value)

 document.cookie.indexOf('COOKIENAME=VALUE')== -1

好点了吗？这个方法有什么问题吗？

Answer 1

我建议写一个小辅助函数来避免 zzzzBov 在评论中提到的内容

• 您使用 indexOf 的方式，如果您检查 cookie 中是否包含一个字符串，它只会评估正确，它不匹配一个完整的名称，在这种情况下，上面将返回 false，因此给您错误的结果.

---

function getCookie (name,value) {
    if(document.cookie.indexOf(name) == 0) //Match without a ';' if its the firs
        return -1<document.cookie.indexOf(value?name+"="+value+";":name+"=")
    else if(value && document.cookie.indexOf("; "+name+"="+value) + name.length + value.length + 3== document.cookie.length) //match without an ending ';' if its the last
        return true
    else { //match cookies in the middle with 2 ';' if you want to check for a value
        return -1<document.cookie.indexOf("; "+(value?name+"="+value + ";":name+"="))
    }
}
getCookie("utmz") //false
getCookie("__utmz" ) //true

---

然而，这似乎有点慢，所以给它一个拆分它们的另一种方法 这是另外两种可能性

function getCookie2 (name,value) {
    var found = false;
    document.cookie.split(";").forEach(function(e) {
        var cookie = e.split("=");
        if(name == cookie[0].trim() && (!value || value == cookie[1].trim())) {
            found = true;
        }
    })
    return found;
}

这个，使用原生的 forEach 循环并拆分 cookie 数组

function getCookie3 (name,value) {
    var found = false;
    var cookies = document.cookie.split(";");
    for (var i = 0,ilen = cookies.length;i<ilen;i++) {
         var cookie = cookies[i].split("=");
         if(name == cookie[0].trim() && (!value || value == cookie[1].trim())) {
              return found=true;
         }
     }
     return found;
};

而且，使用旧的 for 循环，其优点是如果找到 cookie，则能够提前返回 for 循环

查看 JSPerf最后两个甚至没有那么慢，只有在确实有一个分别具有名称或值的 cookie 时才返回 true

希望你明白我的意思