如何在 JavaScript 中对字符串进行编码

在 JavaScript 中，我们可以使用一些函数来对字符串进行编码，以便于在不同的场景下使用。

URL 编码

在将一个字符串作为 URL 的一部分时，需要对其进行编码，以确保 URL 的正确性。在 JavaScript 中，可以使用 encodeURI 和 encodeURIComponent 函数来进行 URL 编码。

encodeURI 用于对整个 URL 进行编码，而 encodeURIComponent 则用于对 URL 中特定的部分进行编码，比如查询字符串参数。

const url = "https://example.com/search?q=JavaScript&lang=en";
const encodedUrl = encodeURI(url);
console.log(encodedUrl);
// 输出: "https://example.com/search?q=JavaScript&lang=en"

const queryParam = "JavaScript & ES6";
const encodedQueryParam = encodeURIComponent(queryParam);
console.log(encodedQueryParam);
// 输出: "JavaScript%20%26%20ES6"

注意：encodeURI 不会对所有特殊字符进行编码，比如 #，可以在 URL 中使用。而 encodeURIComponent 会对所有特殊字符进行编码，包括 #。

Base64 编码

Base64 是一种用于将二进制数据编码为 ASCII 字符的编码方式，其可以应用于数据传输、邮件附件等场景中。在 JavaScript 中，可以使用 btoa 和 atob 函数进行 Base64 编码和解码。

const message = "Hello World";
const encodedMessage = btoa(message);
console.log(encodedMessage);
// 输出: "SGVsbG8gV29ybGQ="

const decodedMessage = atob(encodedMessage);
console.log(decodedMessage);
// 输出: "Hello World"

HTML 编码

在将字符串插入到 HTML 页面中时，需要将其中的特殊字符进行 HTML 编码，以防止出现意外情况。在 JavaScript 中，可以使用一个名为 he 的第三方库进行 HTML 编码。

const he = require('he');

const message = "This is <b>bold</b> text.";
const encodedMessage = he.encode(message);
console.log(encodedMessage);
// 输出: "This is &lt;b&gt;bold&lt;/b&gt; text."

JSON 编码

在将数据进行传输时，需要将其转换为字符串。在 JavaScript 中，可以使用 JSON.stringify 函数将 JavaScript 对象转换为 JSON 字符串。

const data = { name: "John", age: 30, city: "New York" };
const jsonString = JSON.stringify(data);
console.log(jsonString);
// 输出: '{"name":"John","age":30,"city":"New York"}'

注意：使用 JSON.stringify 转换出的 JSON 字符串中不包含函数和 undefined 值。如果需要在 JSON 中包含这些值，则需要另外处理。

以上是对字符串进行编码的一些常用方式和方法。根据不同的场景和要求，选择适合的编码方式可以使开发变得更加高效和稳定。