JavaScript 如何处理字符串中的 %20

在 Web 开发中，经常会遇到需要将 URL 中的空格（即 %20）进行编码和解码的场景。本篇文章将介绍 JavaScript 中如何处理字符串中的 %20。

encodeURIComponent 和 decodeURIComponent 函数

JavaScript 提供了两个函数用于编码和解码 URL 中的特殊字符，分别是 encodeURIComponent 和 decodeURIComponent。

encodeURIComponent 函数

encodeURIComponent 函数将字符串作为参数，返回一个新的字符串，新字符串中的特殊字符（比如空格）都被替换成了它们的编码形式。具体来说，空格被替换成了 %20。

let str = "hello world";
let encoded = encodeURIComponent(str);
console.log(encoded); // "hello%20world"

decodeURIComponent 函数

decodeURIComponent 函数将编码后的字符串作为参数，返回一个新的字符串，新字符串中的特殊字符都被替换成它们原来的形式。比如，%20 被替换成了空格。

let encodedStr = "hello%20world";
let decoded = decodeURIComponent(encodedStr);
console.log(decoded); // "hello world"

正则表达式的使用

除了使用 encodeURIComponent 和 decodeURIComponent 函数外，还可以使用正则表达式来处理字符串中的 %20。下面是一个例子：

let str = "hello%20world";
let replaced = str.replace(/%20/g, " ");
console.log(replaced); // "hello world"

上面的代码中，使用了字符串的 replace 方法，将所有的 %20 替换成了空格。正则表达式 /%20/g 匹配所有的 %20，替换成了空格。

总结

本篇文章介绍了 JavaScript 中如何处理字符串中的 %20，包括使用 encodeURIComponent 和 decodeURIComponent 函数以及正则表达式的使用。在实际开发中，要根据具体情况选择最适合的方法来处理 URL 中的特殊字符。

另外，需要注意的是，对于 URL 中的其他特殊字符，也可以使用 encodeURIComponent 和 decodeURIComponent 函数或正则表达式来处理。