在线Javascript Encode

在Web开发中，我们经常需要对数据进行编码以便在不同的环境中传输或存储。Javascript中有一些内置的方法可以用来对字符串进行编码和解码。其中，encodeURI()和encodeURIComponent()是两个常用的方法。

encodeURI()

encodeURI() 方法用于对整个URI进行编码，包括协议、域名、路径和查询字符串。该方法保留所有的字符，只对特殊字符进行编码。特殊字符包括：; / ? : @ & = + $ , #。

let uri = " encode";
let encodedUri = encodeURI(uri);

console.log(encodedUri);
// 输出：

在上面的例子中，我们对URI进行了编码，将空格替换为%20。

encodeURIComponent()

encodeURIComponent() 方法用于对URI的组件（比如查询字符串参数）进行编码。这个方法会对所有非字母数字字符进行编码。

let query = "javascript encode";
let encodedQuery = encodeURIComponent(query);

console.log(encodedQuery);
// 输出：javascript%20encode

在上面的例子中，我们对查询字符串进行了编码，将空格替换为%20。

在线工具

除了在代码中使用这些方法之外，我们还可以使用在线工具来进行Javascript编码和解码。一个常用的在线工具是 [URL Encoder/Decoder](

关系图

下面是一个简单的关系图，说明了encodeURI()和encodeURIComponent()方法与URI之间的关系。

erDiagram
    URI ||--|| encodeURI()
    URI ||--|| encodeURIComponent()

通过对URI和查询字符串进行编码，我们可以确保数据在传输过程中不会丢失或被篡改。Javascript提供了这些方法来帮助我们处理编码的工作，使得我们能够更轻松地处理URL和数据。无论是在前端开发还是后端开发中，对数据进行编码都是必不可少的一环。