使用js-cookie读取CookieConsent时布尔值始终返回false的问题

我看了你遇到的困扰：为了符合GDPR要求使用CookieBot，但读取CookieConsent Cookie中的布尔值时，不管实际值是true还是false，最终全都返回false。咱们一步步拆解问题出在哪：

首先看你的代码和控制台输出：你用Cookies.get('CookieConsent')拿到的是字符串格式的Cookie内容，而非直接的JavaScript对象。你直接访问cookieval.necessary时，这个字符串对象里根本没有necessary属性，所以Boolean(cookieval.necessary)自然返回false——因为undefined转换为布尔值就是false。

你看控制台打印的cookieval是完整的字符串：

{stamp:'HMzWoJn8V4ZkdRN1DduMHLhS3dKiDDr6VoXCjjeuDMO2w6V+n2CcOg==',necessary:true,preferences:true,statistics:true,marketing:false,ver:1}

这个字符串看起来像对象，但它是非标准JSON格式——注意里面用的是单引号，而JSON要求必须使用双引号，直接用JSON.parse()会报错，得先修正格式。

解决方案步骤 #

• 修正Cookie字符串为合法JSON：把所有单引号替换成双引号，满足JSON语法要求
• 解析为JavaScript对象：用JSON.parse()处理修正后的字符串，得到可直接操作的对象
• 正确读取属性值：此时访问cookieval.necessary这类属性就能拿到真实的布尔值了

修改后的代码如下：

document.addEventListener("click", function () {
 console.log("document capture click");
 readCookies();
}, true);

function readCookies() {
 console.log("Ready to Read");
 const cookieStr = Cookies.get('CookieConsent');
 console.log(cookieStr);

 // 把单引号替换为双引号，转换成合法JSON格式
 const validJsonStr = cookieStr.replace(/'/g, '"');
 // 解析为JavaScript对象
 const cookieval = JSON.parse(validJsonStr);

 console.log("Necessary: " + cookieval.necessary);
 console.log("Preferences: " + cookieval.preferences); // 注意你之前拼写错误：Prefrences → Preferences
 console.log("Statistics: " + cookieval.statistics);
 console.log("Marketing: " + cookieval.marketing);
}

额外注意事项 #

• 你之前代码里把Preferences拼写成了Prefrences，这个小失误也会导致读取不到正确值，记得修正
• 可以添加错误捕获，避免Cookie格式异常时程序崩溃：

  try {
    const validJsonStr = cookieStr.replace(/'/g, '"');
    const cookieval = JSON.parse(validJsonStr);
    // 后续属性读取操作
  } catch (e) {
    console.error("解析Cookie失败：", e);
  }
  

这样修改后，就能正确读取CookieBot存储的各类Cookie授权状态了。

内容的提问来源于stack exchange，提问作者Learning