cookie获取、删除和新增

想要操作cookie最好的方法是使用js-cookie库,但一些项目里没有引入的话,就只能用原生方法来操作cookie了。
这里就只说原生方法。

设置cookie
document.cookie = 'key=value';

document.cookie是固定方法,用来更改cookie
key是要设置cookie的名字,value是要设置cookie的值

删除cookie
document.cookie = key+ "=;expires=Thu, 01 Jan 1970 00:00:00 GMT;path=/";
key是要更改的cookie数据的名字
expires是时间,这里设置成了1970年1月1号的0点
path是指cookie的路径,这里设置成了当前页面路径

获取cookie

const cookies = document.cookie.split(";");
let cookieData = [];
cookies.forEach((item) => {
  let cookieName = item.split("=")[0];
  let cookieValue = item.split("=")[1];
  let objItme = { cookieName,cookieValue }
  cookieData.push(objItme)
})

document.cookie能够直接获取cookie,但获取的是一个以“;”为断隔的字符串,所以这里需要转化一下,将其变成数组

posted @ 2025-06-11 10:37  visualStudioCode  阅读(36)  评论(0)    收藏  举报