：js如何获取浏览器中的Cookie内的对象内容

要获取浏览器中的Cookie内的对象内容，你可以使用JavaScript的document.cookie属性。这个属性可以返回当前页面的所有Cookie字符串，然后你可以通过解析这个字符串来获取特定的Cookie值，并将其转换为对象（如果它是以JSON格式存储的）。

方案一：直接获取和解析JSON格式的Cookie

假设你存储了一个JSON格式的Cookie，你可以这样做：

获取Cookie字符串

解析JSON字符串

示例代码

function getCookieObject(name) {

    let cookieValue = document.cookie

        .split('; ')

        .find(row => row.startsWith(name + '='))

        .split('=')[1]; // 获取到具体的值

    try {

        return JSON.parse(decodeURIComponent(cookieValue)); // 解析并解码

    } catch (e) {

        console.error('Error parsing the cookie:', e);

        return null; // 或者抛出更具体的错误，根据需求

    }

}

// 使用示例

const userData = getCookieObject('userData');

if (userData) {

    console.log(userData);

} else {

    console.log('No userData cookie found or it is not in JSON format.');

}

方案二：处理非JSON格式的Cookie，手动提取数据

如果你的Cookie不是JSON格式的，而是多个以分号分隔的键值对，你可以手动解析它们：

示例代码

function getCookie(name) {

    let nameEQ = name + "=";

    let ca = document.cookie.split(';'); // 分割所有的Cookie项

    for(let i = 0; i < ca.length; i++) {

        let c = ca[i];

        while (c.charAt(0) == ' ') c = c.substring(1, c.length); // 移除前导空格

        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length); // 返回具体的值

    }

    return null; // 没有找到对应的Cookie名称

}

// 使用示例（假设你有多个以分号分隔的键值对）

const userId = getCookie('userId'); // 获取userId的值

const userName = getCookie('userName'); // 获取userName的值

console.log('User ID:', userId);

console.log('User Name:', userName);

报错问题解释及解决方法：

报错问题1：无法解析Cookie为JSON对象。

解释：这通常发生在JSON.parse()调用时，如果Cookie的值不是一个有效的JSON字符串。例如，它可能是undefined，或者编码不正确。

解决方法：在JSON.parse()调用前检查Cookie值是否存在并且是有效的JSON字符串。如上例中的try-catch块已经包括了这一处理。

报错问题2：Cookie名称不存在。

解释：尝试访问一个不存在的Cookie名称会返回null，这可能会导致程序出错，尤其是在尝试访问返回的null的属性时。

解决方法：在访问任何返回的属性之前，检查该值是否为null。例如，使用条件语句检查if (userData)。

通过上述方法，你可以安全地获取和解析浏览器中的Cookie内容。