JS保存和删除cookie操作 判断cookie是否存在

下面是JS保存和删除cookie操作以及判断cookie是否存在的完整攻略。

下面是JS保存和删除cookie操作以及判断cookie是否存在的完整攻略。

保存cookie

在JS中，保存cookie需要使用document.cookie属性，并将需要保存的键值对以字符串的形式传递给该属性。具体操作步骤如下：

1. 根据需要创建需要保存的键值对。
2. 将键值对以字符串的形式传递给document.cookie属性。

示例如下：

// 创建需要保存的键值对
let key = "username";
let value = "John";
let expires = "expires=Sun, 1 Jan 2023 00:00:00 GMT"; // 设置cookie过期时间

// 将键值对以字符串的形式传递给document.cookie属性
document.cookie = key + "=" + value + "; " + expires;

上面的代码将在浏览器中保存一个名为username，值为John的cookie，并将该cookie的过期时间设置为2023年1月1日。

删除cookie

删除cookie需要将需要删除的cookie的过期时间设置为一个过去的时间点。具体操作步骤如下：

1. 获取需要删除的cookie的键名。
2. 使用document.cookie属性获取该键名对应的cookie字符串，并将其后面的过期时间设置为一个过去的时间点。

示例如下：

// 获取需要删除的cookie的键名
let key = "username";

// 使用document.cookie属性获取该键名对应的cookie字符串，并将其后面的过期时间设置为一个过去的时间点。
document.cookie = key + "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;";

上面的代码将删除一个名为username的cookie。

判断cookie是否存在

判断cookie是否存在需要使用document.cookie属性获取当前所有的cookie，并遍历进行判断。具体操作步骤如下：

1. 使用document.cookie属性获取当前所有的cookie字符串。
2. 遍历cookie字符串，判断包含需要判断的键名的cookie是否存在。

示例如下：

// 获取当前所有的cookie字符串
let cookies = document.cookie;

// 遍历所有的cookie字符串，并判断是否存在需要的cookie
let key = "username";
if (cookies.includes(key)) {
  console.log("cookie存在");
} else {
  console.log("cookie不存在");
}

上面的代码判断名为username的cookie是否存在。如果存在，则输出cookie存在，否则输出cookie不存在。

以上就是JS保存和删除cookie操作以及判断cookie是否存在的完整攻略，希望能够帮助到您。