JavaScript 如何将对象序列化为URL查询参数列表

给定一个JavaScript对象，任务是使用JavaScript将其序列化为URL查询参数。

方法1

• 声明一个对象并将其存储在变量中。
• 然后使用 JSON.stringify() 方法将JavaScript对象转换为字符串，并显示内容。
• 接下来，使用一个空字符串，并通过访问对象的每个属性将(key, value)对附加到它上。

示例： 这个示例使用JavaScript将对象序列化为URL查询参数列表。

// Declare an object
let obj = {
    p1: 'GFG',
    p2: 'Geeks',
    p3: 'GeeksForGeeks'
}
 
// Use JSON.stringify() function to
// convert object into string
console.log(JSON.stringify(obj));
 
// Function to Serialize an Object into a
// list of URL query parameters
function GFG_Fun() {
    let s = "";
    for (let key in obj) {
        if (s != "") {
            s += "&";
        }
        s += (key + "=" + encodeURIComponent(obj[key]));
    }
    console.log("'" + s + "'");
}
 
GFG_Fun();

输出

{"p1":"GFG","p2":"Geeks","p3":"GeeksForGeeks"}
'p1=GFG&p2=Geeks&p3=GeeksForGeeks'

方法2

• 声明一个对象并将其存储在变量中。
• 然后使用JSON.stringify()方法将JavaScript对象转换为字符串并显示内容。
• 使用 map()方法 来追加对象的键值对并使用 join()方法 来连接所有对象元素。

示例： 此示例使用map()方法将每个键和值对追加到一个字符串中。

// Declare an object
let obj = {
    p1: 'GFG',
    p2: 'Geeks',
    p3: 'GeeksForGeeks'
}
 
// Use JSON.stringify() function to
// convert object into string
console.log(JSON.stringify(obj));
 
// Function to Serialize an Object into a
// list of URL query parameters
function GFG_Fun() {
    let s = Object.keys(obj).map(function (key) {
        return key + '=' + obj[key];
    }).join('&');
 
    console.log("'" + s + "'");
}
 
GFG_Fun();

输出

{"p1":"GFG","p2":"Geeks","p3":"GeeksForGeeks"}
'p1=GFG&p2=Geeks&p3=GeeksForGeeks'