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

在本文中，我们将知道如何在 Javascript中获取当前页面的所有 cookie 列表，并通过示例了解它们的实现。任务是检索存储在当前域中的 cookie（由于安全原因，我们无法获取所有 cookie）。有两种方法可以解决这个问题，下面将讨论。

方法一：

• 使用document.cookie访问 cookie。
• 使用.split() 方法将它们拆分为“;”获取一系列 cookie。
• 遍历 cookie 数组。
• 将所有 cookie 一个一个地附加到一个字符串中以进行打印。

示例：此示例实现了上述方法。

HTML

  

    How to list all cookies for the current page?
    
    

  

     
        GeeksforGeeks 
    
     
  
     Click Here 
     
  
    
    var el_up = document.getElementById("GFG_UP");
    var el_down = document.getElementById("GFG_DOWN");
    el_up.innerHTML = "Click on the button to " 
    + "get the stored cookies.";
  
    function getCookies() {
        var cookies = document.cookie.split(';');
        var ret = '';
        for(var i = 1; i <= cookies.length; i++) {
            ret += i + ' - ' + cookies[i - 1] + "<br>";
        }
        return ret;
    }
  
    function gfg_Run() {
        el_down.innerHTML = getCookies();
    }
    

  

输出：

使用 Javascript 获取存储的 cookie

方法二：

• 使用document.cookie访问 cookie。
• 使用.split() 方法将它们拆分为“;”获取一系列 cookie。
• 使用.reduce() 方法并逐个访问每个 cookie。
• 获取cookie的名称和值。对于每个 cookie，使用.split() 方法将其拆分为“=”，并从 cookie 中访问名称和值。
• 此方法与前一个方法执行相同的操作，并将 cookie 作为对象返回。

示例：此示例实现了上述方法。

HTML

  

    How to list all cookies for the current page?
    
    

  

     
        GeeksforGeeks 
    
     
  
    Click Here
     
  
      
    
    var el_up = document.getElementById("GFG_UP");
    var el_down = document.getElementById("GFG_DOWN");
    el_up.innerHTML = "Click on the button " 
    + "to get the stored cookies.";
  
    function gfg_Run() {
        var cookies = document.cookie.split(';').reduce(
            (cookies, cookie) => {
                const [name, val] = cookie.split('=').map(c => c.trim());
                cookies[name] = val;
                return cookies;
            }, {});
        el_down.innerHTML = JSON.stringify(cookies);
    }
    

  

输出：

使用 Javascript 获取存储的 cookie