JS Unicode编码和解码（6种方法）

痛定思痛。 2024-03-31 13:06 71阅读 0赞

JavaScript 定义了 6 个全局方法用于 Unicode 字符串的编码和解码，说明如表所示。

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>escape()</td> 
   <td>使用转义序列替换某些字符来对字符串进行编码</td> 
  </tr> 
  <tr> 
   <td>unescape()</td> 
   <td>对使用 escape() 编码的字符串进行解码</td> 
  </tr> 
  <tr> 
   <td>encodeURI()</td> 
   <td>通过转义某些字符对 URI 进行编码</td> 
  </tr> 
  <tr> 
   <td>decodeURI()</td> 
   <td>对使用 encodeURI() 方法编码的字符串进行解码</td> 
  </tr> 
  <tr> 
   <td>encodeURIComponent()</td> 
   <td>通过某些转义字符对 URI 的组件进行编码</td> 
  </tr> 
  <tr> 
   <td>deencodeURIComponent()</td> 
   <td>对使用 encodeURIComponent() 方法编码的字符串进行解码</td> 
  </tr> 
 </tbody> 
</table>

### escape()和unescape()方法 ###

escape() 方法能够把 ASCII 之外的所有字符转换为 %xx 或 %uxxxx（x表示十六进制的数字）的转义序列。从 \\u000 到 \\u00ff 的 Unicode 字符由转义序列 %xx 替代，其他所有 Unicode 字符由 %uxxxx 序列替代。

示例1

> 1.  `var s = "JavaScript 中国";`
> 2.  `s = escape(s);`
> 3.  `console.log(s); //返回字符串“JavaScript%u4E2D%u56FD”`

可以使用该方法对 Cookie 字符串进行编码，以避免与其他约定字符发生冲突，因为 Cookie 包含的标点符号是有限制的。

与 escape() 方法对应，unescape() 方法能够对 escape() 编码的字符串进行解码。

示例2

下面代码使用 unescape() 方法解码被 escape() 方法解码的字符串。

> 1.  `var s = "JavaScript 中国";`
> 2.  `s = escape(s); //Unicode编码`
> 3.  `console.log(s); //返回字符串“JavaScript%u4E2D%u56FD”`
> 4.  `s = unescape(s); //Unicode解码`
> 5.  `console.log(s); //返回字符串“JavaScript 中国”`

示例3

这种被解码的代码是不能够直接运行的，同学们可以使用 eval() 方法来执行它。

> 1.  `var s = escape('console/log("JavaScript 中国");'); //编码脚本`
> 2.  `var s = unescape(s); //解码脚本`
> 3.  `eval(s); //执行被解码的脚本`

### encodeURI() 和 decodeURI() 方法 ###

ECMAScript v3.0 版本推荐使用 encodeURI() 和 encodeURIComponent() 方法代替 escape() 方法，使用 decodeURI() 和 decodeURIComponent() 方法代替 unescape() 方法。

示例4

encodeURI() 方法能够把 URI 字符串进行转移处理。

> 1.  `var s = "JavaScript 中国";`
> 2.  `s = encodeURI(s);`
> 3.  `console.log(s); //返回字符串“JavaScript%E4%B8%AD%E5%9B%BD”`

encodeURI() 方法与 escape() 方法的编码结果是不同的，但是它们都不会编码 ASCII 字符。

相对而言，encodeURI() 方法更佳安全。它能够将字符转换为 UTF-8 编码字符，然后用十六进制的转义序列（形式为%xx）对生成的 1 字节、2 字节或 4 字节的字符进行编码。

使用 decodeURI() 方法可以对 encodeURI() 方法的结果进行解码。

示例5

下面代码演示了如何对 URL 字符串进行编码和解码操作。

> 1.  `var s = "JavaScript 中国";`
> 2.  `s = encodeURI(s); //URI编码`
> 3.  `console.log(s); //返回字符串“JavaScript%E4%B8%AD%E5%9B%BD”`
> 4.  `s = decodeURI(s); //URI解码`
> 5.  `console.log(s); //返回字符串“JavaScript 中国”`

### encodeURICompoent() 和 decodeURICompoent() ###

encodeURICompoent() 与 encodeURI() 方法不同。它们的主要区别在于，encodeURICompoent() 方法假定参数是 URI 的一部分，例如，协议、主机名、路径或查询字符串。因此，它将转义用于分隔 URI 各个部分的标点符号。而 encodeURI() 方法仅把它们视为普通的 ASCII 字符，并没有转换。

示例6

下面代码是 URL 字符串被 encodeURICompoent() 方法编码前后的比较。

> 1.  `var s = "dandelioncloud.cn/navi/search.asp?keyword=URI";`
> 2.  `a = encodeURI(s);`
> 3.  `console.log(a);`
> 4.  `b = encodeURICompoent(s);`
> 5.  `console.log(b);`

输出显示为：  
dandelioncloud.cn/navi/search.asp?keyword=URI  
dandelioncloud.cn%2Fnavi%2Fsearch.asp%3Fkeyword%3DURI

第一行字符串是 encodeURI() 方法编码的结果，第二行字符串是 encodeURICompoent() 方法编码的结果。与 encodeURI() 方法一样，encodeURICompoent() 方法对于 ASCII 字符不编码，用于 分隔 URI 各种组件的标点符号，都由一个或多个十六进制的转义序列替换。

使用 decodeURICompoent() 方法可以对 encodeURICompoent() 方法编码的结果进行解码。

> 1.  `var s = "dandelioncloud.cn/navi/search.asp?keyword=URI";`
> 2.  `b = encodeURICompoent(s);`
> 3.  `b = decodeURICompoent(b);`
> 4.  `console.log(b);`