JavaScript中按名称读取cookie的最短函数是什么?

用JavaScript读取cookie的最短、准确且跨浏览器兼容的方法是什么?

通常，在构建独立脚本(在那里我不能有任何外部依赖)时，我发现自己添加了一个读取cookie的函数，并且通常回退到QuirksMode.org readCookie()方法(280字节，缩小216字节)。

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;
}

它确实起到了作用，但它很丑，而且每次都增加了相当多的膨胀。

jQuery的方法。Cookie使用类似这样的内容(经过修改，165字节，125字节缩小):

function read_cookie(key)
{
    var result;
    return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? (result[1]) : null;
}

请注意，这不是一场“代码高尔夫”比赛:我对减小readCookie函数的大小感兴趣，并确保我拥有的解决方案是有效的。

当前回答

获取cookie值，如果它不存在则为undefined:

document
  .cookie
  .split('; ')
  .filter(row => row.startsWith('cookie_name='))
  .map(c=>c.split('=')[1])[0];

2022-05-29 15:26:09

其他回答

它只会点击文档。cookie一次。随后的每个请求都将立即执行。

(function(){
    var cookies;

    function readCookie(name,c,C,i){
        if(cookies){ return cookies[name]; }

        c = document.cookie.split('; ');
        cookies = {};

        for(i=c.length-1; i>=0; i--){
           C = c[i].split('=');
           cookies[C[0]] = C[1];
        }

        return cookies[name];
    }

    window.readCookie = readCookie; // or expose it however you want
})();

恐怕没有比这个通用逻辑更快的方法了，除非你可以自由地使用.forEach，它依赖于浏览器(即使这样你也不会节省那么多)

你自己的例子稍微压缩到120字节:

function read_cookie(k,r){return(r=RegExp('(^|; )'+encodeURIComponent(k)+'=([^;]*)').exec(document.cookie))?r[2]:null;}

如果函数名只有一个字母，可以达到110字节，如果去掉encodeURIComponent，可以达到90字节。

我已经把它减少到73个字节，但公平地说，当命名为readCookie时是82个字节，然后添加encodeURIComponent时是102个字节:

function C(k){return(document.cookie.match('(^|; )'+k+'=([^;]*)')||0)[2]}

2011-04-12 17:47:09

要在Map中按名称访问所有cookie:

const cookies = "a=b ; c = d ;e=";
const map = cookies.split(";").map((s) => s.split("=").map((s) => s.trim())).reduce((m, [k, v]) => (m.set(k, v), m), new Map());
console.log(map); //Map(3) {'a' => 'b', 'c' => 'd', 'e' => ''}
map.get("a"); //returns "b"
map.get("c"); //returns "d"
map.get("e"); //returns ""

2020-08-09 11:17:08

(编辑:先贴错版本了。而且是非功能性的。更新到current，它使用一个unparam函数，很像第二个例子。)

第一个例子中的好主意。我在这两者的基础上构建了一个相当紧凑的cookie读写功能，可以跨多个子域工作。我想我应该分享一下，以防其他人在这个帖子里看到这个。

(function(s){
  s.strToObj = function (x,splitter) {
    for ( var y = {},p,a = x.split (splitter),L = a.length;L;) {
      p = a[ --L].split ('=');
      y[p[0]] = p[1]
    }
    return y
  };
  s.rwCookie = function (n,v,e) {
    var d=document,
        c= s.cookies||s.strToObj(d.cookie,'; '),
        h=location.hostname,
        domain;
    if(v){
      domain = h.slice(h.lastIndexOf('.',(h.lastIndexOf('.')-1))+1);
      d.cookie = n + '=' + (c[n]=v) + (e ? '; expires=' + e : '') + '; domain=.' + domain + '; path=/'
    }
    return c[n]||c
  };
})(some_global_namespace)

如果你给rwCookie传递什么，它将得到将所有cookie放入cookie存储区传递给rwCookie一个cookie名，它得到了这个 Cookie的价值来自存储传递一个cookie值，它写入cookie并将值存储除非指定，否则过期时间默认为会话

2011-05-01 15:11:52

下面是使用javascript字符串函数的最简单的解决方案。

document.cookie.substring(document.cookie.indexOf("COOKIE_NAME"), 
                          document.cookie.indexOf(";", 
                          document.cookie.indexOf("COOKIE_NAME"))).
  substr(COOKIE_NAME.length);

2017-08-07 18:40:12

我的建议是:

function getCookie(name) {
   const cookieDict = document.cookie.split(';')
        .map((x)=>x.split('='))
        .reduce((accum,current) => { accum[current[0]]=current[1]; return accum;}, Object());
    return cookieDict[name];
}

上面的代码生成一个dict，该dict将cookie存储为键-值对(即cookidict)，然后访问属性名以检索cookie。

这可以有效地表达为一句俏皮话，但这只适用于勇敢的人:

document.cookie.split(';').map((x)=>x.split('=')).reduce((accum,current) => { accum[current[0]]=current[1]; return accum;}, {})[name]

最好的方法是在页面加载时生成cookieDict，然后在整个页面生命周期中通过调用cookieDict['cookiename']来访问各个cookie。

2020-07-18 12:15:46

JavaScript中按名称读取cookie的最短函数是什么?

推荐文章

最新文章

标签