如何使用 JavaScript 列出当前页面的所有 cookie？

在 Web 开发中，cookie 是一种机制，用于存储关于用户的信息。本文将介绍 JavaScript 如何获取当前页面的所有 cookie。

代码实现

通过 JavaScript 可以获取当前页面的所有 cookie。以下是示例代码：

// 获取所有 cookie
function getAllCookies() {
  var cookies = document.cookie.split(';');
  var cookieObj = {};
  for (var i = 0; i < cookies.length; i++) {
    var cookie = cookies[i].trim().split('=');
    cookieObj[cookie[0]] = cookie[1];
  }
  return cookieObj;
}

// 打印所有 cookie
console.log(getAllCookies());

代码中，通过分割 document.cookie 中以分号分隔的字符串，获取所有 cookie。然后使用 for 循环遍历分割后的每个 cookie，分别将 cookie[0] 作为 key，cookie[1] 作为 value，存储到一个对象中。最后返回这个包含所有 cookie 的对象。

运行结果

运行上述代码，可以在控制台输出当前页面的所有 cookie，格式如下所示：

{
  "key1": "value1",
  "key2": "value2"
}

其中，key1 和 key2 是 cookie 的名称，value1 和 value2 是 cookie 的值。

总结

本文介绍了如何使用 JavaScript 列出当前页面的所有 cookie。通过将 document.cookie 分割为多个 cookie，并使用循环处理每个 cookie，将其保存到对象中。这样，我们就可以轻松获取当前页面的所有 cookie 信息。