将 Cookie 转换为 JSON JavaScript

在现代 Web 应用程序中，Cookie 被广泛使用，以便在客户端存储用户数据。 在某些情况下，需要将 Cookie 数据转换为 JSON，以便更好地处理该数据。 以下是将 Cookie 转换为 JSON 的 JavaScript 示例代码。

代码实现

function convertCookieToJson() {
  var cookieString = document.cookie;
  var cookieArray = cookieString.split("; ");
  var json = {};
  for (i = 0; i < cookieArray.length; i++) {
    var dataArray = cookieArray[i].split("=");
    json[dataArray[0]] = dataArray[1];
  }
  return json;
}

代码解析

此代码将从文档中读取 Cookie，将其分割成单独的键值对，然后将其存储在 JSON 对象中。

1. document.cookie 返回当前文档中的 Cookie 字符串。

2. 将 Cookie 字符串按分号和空格进行分割，得到一个数组 cookieArray。

3. 遍历 cookieArray，将每个 Cookie 字符串再次按等号分割为键和值，存储到 JSON 对象中。

4. 最后返回 JSON 对象。

示例

假设以下 Cookie 存在： name=John; age=28; favorites={"sport":"basketball", "color":"blue"};

调用 convertCookieToJson() 函数将返回以下 JSON 对象：

{
  "name": "John",
  "age": "28",
  "favorites": "{\"sport\":\"basketball\",\"color\":\"blue\"}"
}

需要注意 favorites 的值仍然是一个字符串，需要使用 JSON.parse() 将其转换为 JSON 对象。

参考文献

1. MDN Web 文档 - document.cookie

2. MDN Web 文档 - JSON.parse()