JavaScript中URL编码时&未被编码，该如何解决？

这个问题其实和encodeURI的设计初衷有关，我来帮你拆解清楚：

为什么&没被编码？ #

encodeURI的作用是编码完整的URI，所以它会保留URI结构中具有特殊意义的字符（比如?、&、=这些用来分隔参数的符号），同时也不会编码字母、数字以及;、-这类允许出现在URI中的字符。你的字符串里的&，其实是由&、a、m、p、;这几个字符组成的——其中&是URI保留字符，a/m/p/;都是允许的未保留字符，所以encodeURI自然不会对它们进行编码。

两种解决方案，看你的实际需求 #

情况1：&是HTML实体，实际想表示&字符 #

如果你的原始字符串里的&是HTML转义后的&，那第一步应该先把HTML实体转换成真实的&字符，再进行编码：

const originalStr = "?qry=M & L";
// 全局替换HTML实体&为&
const decodedStr = originalStr.replace(/&/g, "&");
const encodedResult = encodeURI(decodedStr);
// 输出结果："?qry=M%20%26%20L"

情况2：&就是参数值的一部分，需要完整编码 #

如果&本身就是你要传递的参数内容（不是HTML实体），那应该用encodeURIComponent代替encodeURI——它专门用来编码URI中的单个参数/组件，会编码所有可能干扰URI结构的字符，包括&、=这些：

// 单独处理参数值
const paramValue = "M & L";
const encodedParam = encodeURIComponent(paramValue);
// 拼接成完整的URI
const fullUri = `?qry=${encodedParam}`;
// 输出结果："?qry=M%20%26amp%3B%20L"

小提醒：区分encodeURI和encodeURIComponent的场景 #

• encodeURI：适合编码完整的URI，保留URI的结构（比如https://example.com?key=value里的://、?、&都会保留）。
• encodeURIComponent：适合编码URI中的单个参数，避免参数里的特殊字符破坏整个URI的结构。

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