将键/值添加到现有URL字符串的最佳方法？

将键/值添加到现有URL字符串的最佳方法是使用URL编码和解码。在JavaScript中，可以使用encodeURIComponent()和decodeURIComponent()函数来实现这一目标。

encodeURIComponent()函数可以将键/值转换为URL安全的字符串，而decodeURIComponent()函数则可以将URL安全的字符串转换回键/值。

以下是一个简单的示例，演示如何将键/值添加到现有URL字符串中：

// 假设我们有一个现有的URL字符串
let url = "https://www.example.com?";

// 我们要添加的键/值对
let key = "name";
let value = "John Doe";

// 使用encodeURIComponent()函数将键/值转换为URL安全的字符串
let encodedKey = encodeURIComponent(key);
let encodedValue = encodeURIComponent(value);

// 将键/值添加到现有URL字符串中
url += encodedKey + "=" + encodedValue;

console.log(url); // 输出：https://www.example.com?name=John%20Doe

要从URL字符串中解码键/值，可以使用decodeURIComponent()函数：

// 假设我们有一个包含键/值对的URL字符串
let encodedUrl = "https://www.example.com?name=John%20Doe";

// 使用decodeURIComponent()函数将URL安全的字符串转换回键/值
let decodedUrl = decodeURIComponent(encodedUrl);

console.log(decodedUrl); // 输出：https://www.example.com?name=John Doe

这种方法可以确保键/值在URL字符串中安全地传输，而不会引起解析错误。