cookie方法

qq_35044969

已于 2022-03-11 18:48:01 修改

阅读量228

点赞数

分类专栏： js 文章标签： javascript

于 2022-03-11 18:44:05 首次发布

本文链接：https://blog.csdn.net/qq_35044969/article/details/123431567

版权

js 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

这篇博客介绍了如何使用JavaScript操作Cookie。首先展示了`parseCookie`函数用于解析Cookie字符串，然后`getCookieValue`函数用于根据键获取Cookie值，最后`clearCookie`函数用于清除所有Cookie。这些函数对于前端开发中管理用户状态和页面设置非常实用。

摘要由CSDN通过智能技术生成

// 解析cookie
const parseCookie = str =>
  str
  .split(';')
  .map(v => v.split('='))
  .reduce((acc, v) => {
    return (acc[decodeURIComponent(v[0].trim())] = decodeURIComponent(v[1].trim()), acc)//逗号运算符
  }, {});
var cookes = parseCookie('foo=bar; equation=E%3Dmc%5E2');
console.log(cookes)

// 根据key取cookie值
const getCookieValue = (key) => {
  const cookies = document.cookie.split(";").map((v) => v.split("=")).reduce((acc, v) => {
    return (acc[decodeURIComponent(v[0].trim())] = decodeURIComponent(v[1].trim()), acc)
  }, {})
  return cookies[key] || ""
}

function getCookie (name) {
  var arr, reg = new RegExp("(^| )"+name+"=([^;]*)(;|$)")
  arr = document.cookie.match(reg)
  return unescape(arr[2]) || null
}

function clearCookie () {
  let keys = document.cookie.match(/[^ =;]+(?=\=)/g)
  if (keys) {
    for (let i = keys.length; i > 0; i--) {
      document.cookie = keys[i] + "0;expires=" + new Date(0).toUTCString()
    }
  }
}