JavaScript 中URL 查询字符串(query string)的序列与反序列化的方法

下面就是在 JavaScript 中URL 查询字符串(query string)的序列化与反序列化的方法的攻略：

URL 查询字符串序列化

如果我们想在 JavaScript 中将一个对象转换为 URL 查询参数字符串，可以使用默认的 toString() 方法。toString() 方法可以遍历一个对象中的属性并将其转换为 URL 查询参数字符串。这里是一个简单的示例：

const obj = { name: "John", age: 30 };
const queryString = new URLSearchParams(obj);
console.log(queryString.toString()); // "name=John&age=30"

示例中的 new URLSearchParams(obj) 可以将对象转换为 URLSearchParams 对象，随后使用它的 .toString() 方法将其转换为查询参数字符串。

在这个示例中，我们创建了一个包含两个属性(name 和 age)的对象。我们将这个对象传递给 URLSearchParams 构造函数，然后通过调用 toString() 方法来获取一个包含两个属性查询参数字符串。

URL 查询字符串反序列化

如果我们要在 JavaScript 中将 URL 查询参数字符串转换回一个对象，可以使用 URLSearchParams 对象中的 entries() 方法遍历查询参数并将其返回为一个迭代器，随后可以使用 Object.fromEntries() 方法将这些元素转换回对象。这里是一个简单的示例：

const str = "name=John&age=30";
const queryParams = new URLSearchParams(str);
const obj = Object.fromEntries(queryParams.entries());
console.log(obj); // { name: "John", age: "30" }

示例中的 const queryParams = new URLSearchParams(str) 将查询参数字符串转换为 URLSearchParams 对象。通过调用 .entries() 方法，我们将查询参数转换为一个迭代器。随后使用 Object.fromEntries() 方法将元素转换为对象。

在这个示例中，我们首先将一个查询参数字符串传递给 URLSearchParams 构造函数创建一个 URLSearchParams 对象。我们然后使用 Object.fromEntries() 来将元素转换回一个对象。最后，在控制台中输出了转换后的对象。

以上就是在 JavaScript 中URL 查询字符串(query string)的序列与反序列化的方法攻略。