JavaScript操作Cookie时indexOf()方法中cname后加"="的作用是什么

在JS操作Cookie的逻辑里，这处拼接是避免出bug的关键细节，作用主要有两点：

• 精准定位目标Cookie，杜绝前缀匹配的误判
  document.cookie拿到的是当前站点所有Cookie拼成的一整段字符串，格式固定为cookie名1=值1; cookie名2=值2; cookie名3=值3，不同Cookie之间用; 分隔。如果直接写document.cookie.indexOf(cname)做查找，只要有其他Cookie的名字是以目标cname开头的，就会被错误匹配到。

  举个实际场景：假设当前Cookie串内容为username=Zhang; user=Li; user_level=3，如果要找名为user的Cookie，不加=时indexOf("user")会直接命中最开头username里的user片段，返回错误位置0；拼接=后匹配目标变成user=，只会精准命中真正的userCookie对应的起始位置14，完全不会把名字带相同前缀的其他Cookie错认成目标。

• 简化后续取值的截取逻辑
  拿到cname=的起始索引后，只要把索引往后挪cname.length + 1位（多挪的1位就是等号本身的长度），就直接到了对应Cookie值的起始位置，后续只需要找到下一个分号的位置（或者字符串末尾）做截取就能拿到值，不用额外再找等号的位置，写逻辑更顺。

常见的配套Cookie读取完整代码片段如下：

function getCookie(cname) {
  const cstart = document.cookie.indexOf(cname + "=");
  if (cstart === -1) return "";
  // 直接定位到值的起始位置
  const valueStart = cstart + cname.length + 1;
  let valueEnd = document.cookie.indexOf(";", valueStart);
  if (valueEnd === -1) valueEnd = document.cookie.length;
  return decodeURIComponent(document.cookie.substring(valueStart, valueEnd));
}

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