使用split分割页面Cookie时出现Cannot read properties of undefined错误求助

核心错误点 #

你代码里的致命问题是循环中固定使用了索引1（cookieArray[1].split("=")），而非循环变量i。当document.cookie中只有1个Cookie或者没有Cookie时，cookieArray[1]会是undefined，调用split方法自然会触发Cannot read properties of undefined (reading 'split')错误。

关于document.cookie的类型 #

document.cookie确实是字符串类型，所以第一行的document.cookie.split(";")本身没有问题——哪怕没有任何Cookie，它也会返回一个包含空字符串的长度为1的数组。

修复后的代码 #

var cookieArray = document.cookie.split(";");
for (var i = 0; i < cookieArray.length; i++) {
    var cookiePair = cookieArray[i].split("="); // 将固定索引1改为循环变量i
    
    if(name == cookiePair[0].trim()) {
        return decodeURIComponent(cookiePair[1])
    }
}

额外优化（处理边界情况） #

为了避免Cookie格式不规范导致的后续报错，可以增加空项判断和长度校验：

var cookieArray = document.cookie.split(";");
for (var i = 0; i < cookieArray.length; i++) {
    var cookieItem = cookieArray[i].trim();
    if (!cookieItem) continue; // 跳过空的Cookie项
    var cookiePair = cookieItem.split("=");
    
    if (cookiePair.length >= 2 && name == cookiePair[0].trim()) {
        return decodeURIComponent(cookiePair[1])
    }
}
// 未找到对应Cookie时返回null或空字符串
return null;

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