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

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

方法一：

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

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

 
 
     
         
            Serialize an Object into a list of URL
            query parameters in JavaScript
        
     
      
     
          
         
            GeeksForGeeks
        
          
        
        
          
        
            click here
        
          
        
        
          
        
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
              
            // Declare an object
            var obj = {
                p1: 'GFG',
                p2: 'Geeks',
                p3: 'GeeksForGeeks'
            }
              
            // Use JSON.stringify() function to
            // convert object into string
            el_up.innerHTML = JSON.stringify(obj);
              
            // Function to Serialize an Object into a
            // list of URL query parameters
            function GFG_Fun() {
                var s = "";
                for (var key in obj) {
                    if (s != "") {
                        s += "&";
                    }
                    s += (key + "=" + encodeURIComponent(obj[key]));
                }
                el_down.innerHTML = "'" + s + "'";
            }
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：
  

方法二：

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

示例：此示例使用 map() 方法并将每个键、值对附加到字符串。

 
 
     
         
            Serialize an Object into a list of URL
            query parameters in JavaScript
        
     
      
     
          
         
            GeeksForGeeks
        
          
        
        
          
        
            click here
        
          
        
        
          
        
        
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
              
            // Declare an object
            var obj = {
                p1: 'GFG',
                p2: 'Geeks',
                p3: 'GeeksForGeeks'
            }
              
            // Use JSON.stringify() function to
            // convert object into string
            el_up.innerHTML = JSON.stringify(obj);
              
            // Function to Serialize an Object into a
            // list of URL query parameters
            function GFG_Fun() {
                var s = Object.keys(obj).map(function(key) {
                    return key + '=' + obj[key];
                }).join('&');
                  
                el_down.innerHTML = "'" + s + "'";
            }
         
     
                    

输出：

• 在点击按钮之前：
  
• 点击按钮后：