将路径字符串转换为 URL 编码 JavaScript

在开发 Web 应用程序时，我们经常需要将路径字符串转换为 URL 编码格式。 URL 编码是一种规范，用于确保 URL 中的各个部分包括路径、查询参数、哈希等可以正确解析和传输。

在 JavaScript 中，我们可以使用 encodeURIComponent() 函数来将路径字符串转换为 URL 编码格式。该函数将字符串中的特殊字符和保留字符转换为它们的转义序列，以便在 URL 中正确解析。

const path = '/example/path with spaces/and?query=string';
const encodedPath = encodeURIComponent(path);
console.log(encodedPath); // output: %2Fexample%2Fpath%20with%20spaces%2Fand%3Fquery%3Dstring

在上面的示例中，我们使用 encodeURIComponent() 函数将路径字符串转换为 URL 编码格式。该函数将空格字符转换为 %20，将斜杠字符转换为 %2F，将问号字符转换为 %3F 等。

值得注意的是，我们没有对斜杠字符进行编码，因为在 URL 中，斜杠字符通常用来表示路径的分隔符。因此，我们只需要对路径中的保留字符进行编码即可。

除了 encodeURIComponent() 函数之外，JavaScript 还提供了 encodeURI() 函数用于将整个 URL 进行编码。但请注意，使用该函数可能会将某些特殊字符漏掉，因此在将路径字符串转换为 URL 编码格式时不建议使用该函数。

总之，在开发 Web 应用程序时，将路径字符串转换为 URL 编码格式是一个常见的任务。我们可以使用 JavaScript 中的 encodeURIComponent() 函数来实现该功能，从而确保 URL 中的各个部分可以正确解析和传输。