javascript中读取指定名称cookie需手动解析document.cookie字符串，因其仅返回key=value格式的分号分隔字符串且不包含httponly及属性信息；推荐使用split和decodeuricomponent的函数精准匹配键名并解码值。
JavaScript 中读取指定名称的 Cookie，核心是解析 document.cookie 字符串，并按名称提取对应值。由于浏览器不提供原生的按名读取方法，需手动处理。
理解 document.cookie 的格式
document.cookie 返回一个字符串，包含所有**当前域名、路径、安全策略匹配的 Cookie**，多个键值对用分号加空格（; ）分隔，每对形如 key=value。例如：
注意：它**不会返回 HttpOnly 的 Cookie**（这是安全限制），也**不包含 path、domain、expires 等属性值**，只含 key=value 部分。
手动提取指定名称的 Cookie 值（推荐函数）
写一个简单可靠的函数，通过字符串操作精准匹配名称（避免子串误匹配，如 id 不应匹配到 user_id）：
function getCookie(name) {
const cookies = document.cookie.split('; ');
for (let cookie of cookies) {
const [key, value] = cookie.split('=');
if (key === name) {
return decodeURIComponent(value);
}
}
return undefined;
}
使用示例：
-
getCookie('username')→ 返回"john" -
getCookie('theme')→ 返回"dark" -
getCookie('not_exist')→ 返回undefined
注意事项与常见问题
-
必须解码：Cookie 值在设置时通常被
encodeURIComponent编码，读取后要用decodeURIComponent还原，否则中文或特殊字符会乱码 -
区分大小写：Cookie 名称区分大小写，
'Username'和'username'是不同键 - 路径/域名限制：只能读取当前页面 URL 满足 path 和 domain 条件的 Cookie（由服务端设置决定）
-
无内置方法：不要尝试用
document.cookie['name']或类似对象访问方式——它只是字符串，不是对象
进阶：用正则更健壮（可选）
如果 Cookie 值里可能含分号或等号（极少见但规范允许），可用正则确保只匹配完整键名：
function getCookie(name) {
const match = document.cookie.match(new RegExp('(^|;\s*)' + name + '=([^;]*)'));
return match ? decodeURIComponent(match[2]) : undefined;
}
该正则能正确处理前导空格和边界情况，适合对兼容性要求更高的场景。
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
