前言：

cookies是我们浏览器中非常重要的东西，现在基于B/S架构的系统几乎都离不开cookies，因为浏览器的无状态特性，必然要求我们需要使用cookies来存储一些内容，今天我们就来聊一下js操作cookies的常用功能。

一.设置cookies

cookie 可能是我见过的最糟糕的 API，它太难用了，我们不得不重新封装它以最大限度地提高我们的开发效率。

const setCookie = (key, value, expire) => {
  const d = new Date();
  d.setDate(d.getDate() + expire);
  document.cookie = `${key}=${value};expires=${d.toUTCString()}`;
};

二 获取 cookie
除了写入cookie之外，我们还会参与到它的读取操作中。

// 堆代码 duidaima.com
const getCookie = (key) => {
  const cookieStr = unescape(document.cookie);
  const arr = cookieStr.split("; ");
  let cookieValue = "";
  for (let i = 0; i < arr.length; i++) {
    const temp = arr[i].split("=");
    if (temp[0] === key) {
      cookieValue = temp[1];
      break;
    }
  }
  return cookieValue;
};

三. 删除 cookie
删除cookie的想法是什么？其实只要把它的过期时间设置到这个时刻，它就会立即过期。

const delCookie = (key) => {
  document.cookie = `${encodeURIComponent(key)}=;expires=${new Date()}`;
};

总结：

以上就是我们常见的js创建，删除，读取cookies的操作。