js 编码和解码|极客笔记

js 编码和解码

在前端开发中，经常会涉及到对数据进行编码和解码的操作。编码是将数据转换为特定格式的过程，而解码则是将编码过的数据重新转换为原始数据。在 JavaScript 中，我们常用的编码和解码方式包括 URL 编码、Base64 编码等。本文将详细介绍这些编码和解码的方法，以及它们在实际开发中的应用。

URL 编码是将 URL 中的特殊字符转换为特定格式，以便在网络传输中进行安全传输。在 JavaScript 中，可以使用 encodeURIComponent() 和 decodeURIComponent() 方法来进行 URL 编码和解码。

let url = "https://www.example.com?name=小明&age=18";
let encodedUrl = encodeURIComponent(url);
console.log(encodedUrl);

运行结果：

https%3A%2F%2Fwww.example.com%3Fname%3D%E5%B0%8F%E6%98%8E%26age%3D18

let decodedUrl = decodeURIComponent(encodedUrl);
console.log(decodedUrl);

运行结果：

https://www.example.com?name=小明&age=18

Base64 编码是一种将二进制数据转换为可打印字符的编码方式，常用于在网络传输中传递数据。在 JavaScript 中，可以使用 btoa() 和 atob() 方法对数据进行 Base64 编码和解码。

let text = "Hello, World!";
let base64Encoded = btoa(text);
console.log(base64Encoded);

运行结果：

SGVsbG8sIFdvcmxkIQ==

let base64Decoded = atob(base64Encoded);
console.log(base64Decoded);

运行结果：

Hello, World!

HTML 实体编码是将 HTML 中的特殊字符转换为实体编码，以便浏览器正确解析。在 JavaScript 中，可以使用 escape() 和 unescape() 方法对数据进行 HTML 实体编码和解码。

let html = "<p>这是一个段落</p>";
let encodedHtml = escape(html);
console.log(encodedHtml);

运行结果：

%3Cp%3E%E8%BF%99%E6%98%AF%E4%B8%80%E4%B8%AA%E6%AE%B5%E8%90%BD%3C%2Fp%3E

let decodedHtml = unescape(encodedHtml);
console.log(decodedHtml);

运行结果：

<p>这是一个段落</p>

在前端开发中，对数据进行编码和解码是非常常见的操作。通过 URL 编码、Base64 编码和 HTML 实体编码，可以确保数据在网络传输中安全可靠地进行传递。掌握这些编码和解码的方法，对于前端开发人员来说是非常重要的。