js清除多条cookie时只清除一条的问题

之前在做一个项目时,有一个登出功能需要清除所有cookie,我一想,给这所有cookie的过期时间Max-Age全都设为0不就可以了,

(这里不使用Expires的原因是服务器可能不是北京时间,这样的话将Expires设为当前的本地时间可能会无效)

代码很简单,如下:

        const keys = document.cookie.match(/[^=;]+(?==")/g);
        let cookie = '';
        for (let key of keys) {
        // cookie的值随便设,这里设为0
        cookie += `${value}=0; max-age=0`;
        }
        document.cookie = cookie;

结果,当我调试的时候,发现cookie并没有完全清除,或者说只有第一条cookie被清除了,我折腾了好久,最后去mdn查了document.cookie的文档才弄明白,原来在一次document.cookie的赋值时,只能设置或更新一个cookie,

原话:

Note that you can only set/update a single cookie at a time using this method.

而其他的键值对是为了更新这个cookie的属性。这样的话就要进行多次更新。新的代码如下:

        const keys = document.cookie.match(/[^=;]+(?==")/g);
        keys.forEach(value => document.cookie = `${value}=0; max-age=0`);

反而更简单了。

问题解决之后,总结一下:写代码的时候不能有这种理所当然的心态,对于未知或者不确定的东西,还是查文档最靠谱,自己猜很容易出错,而且还有可能形成错误的认知,以后要再仔细一些。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值