如何对 JavaScript 对象中的键进行排序/排序？

给定一个对象，任务是根据键对 JavaScript 对象进行排序。以下是在 JavaScript 的帮助下讨论的一些最常用的技术。

方法一：使用.sort() 方法根据函数中指定的条件对键进行排序，得到排序后的键。将整个对象按照键数组中的键顺序（以排序方式）复制到该临时变量并删除原始对象将创建一个临时变量。之后，我们只需要将临时对象复制到原始对象中并返回即可。

示例 1：此示例实现了上述方法。

  

    
        How to Sort/Order keys
        in JavaScript objects ?
    
      
    
        body {
            text-align: center;
        }
        h1 {
            color: green;
        }
        #geeks {
            font-size: 20px; 
            font-weight: bold;
        }
    

  

    GeeksforGeeks
      
    
        Click on the button to sort 
        the Object on Keys.
        
        Object = {
                    CSS: '1',
                    JavaScript: '2',
                    HTML: '3',
                    Python: '4'
                    }
        
    
      
    
        Click Here
    
      
    
      
    
        var el_down = document.getElementById("geeks");
          
        var GFG_Object = {
            CSS: '1',
            JavaScript: '2',
            HTML: '3',
            Python: '4'
        };
  
        // Sorted keys are obtained in 'key' array
        function sortKeys(obj_1) {
            var key = Object.keys(obj_1)
            .sort(function order(key1, key2) {
                if (key1 < key2) return -1;
                else if (key1 > key2) return +1;
                else return 0;
            }); 
              
            // Taking the object in 'temp' object
            // and deleting the original object.
            var temp = {};
              
            for (var i = 0; i < key.length; i++) {
                temp[key[i]] = obj_1[key[i]];
                delete obj_1[key[i]];
            } 
  
            // Copying the object from 'temp' to 
            // 'original object'.
            for (var i = 0; i < key.length; i++) {
                obj_1[key[i]] = temp[key[i]];
            } 
            return obj_1;
        }
  
        function gfg_Run() {
            el_down.innerHTML = JSON
            .stringify(sortKeys(GFG_Object));
        }
    

  

输出：

方法 2：在这种方法中， .sort() 方法按字母顺序对键进行排序，然后我们必须对这些排序的键使用.reduce() 方法。然后使用 2 个变量（emptyObject 和 key）在reduce() 方法中调用一个匿名函数。现在将键值对一一放入emptyObject中并返回。

• 示例 2：此示例实现了上述方法。

    
  
      
          How to Sort/Order keys
          in JavaScript objects ?
      
        
      
          body {
              text-align: center;
          }
          h1 {
              color: green;
          }
          #geeks {
              font-size: 20px; 
              font-weight: bold;
          }
      
  
    
  
      GeeksforGeeks
        
      
          Click on the button to sort 
          the Object on Keys.
          Object = {
                  CSS: '1',
                  JavaScript: '2',
                  HTML: '3',
                  Python: '4'
              }
          
      
        
      
          Click Here
      
        
      
        
      
          var el_down = document.getElementById("geeks");
        
          var GFG_Object = {
              CSS: '1',
              JavaScript: '2',
              HTML: '3',
              Python: '4'
          };
    
          function gfg_Run() {
                
              // Getting the keys of JavaScript Object.
              Modified_Object = Object.keys(GFG_Object) 
                
              // Sort and calling a method on
              // keys on sorted fashion.
              .sort().reduce(function(Obj, key) { 
                        
                  // Adding the key-value pair to the
                  // new object in sorted keys manner
                  Obj[key] = GFG_Object[key]; 
                  return Obj; 
              }, {});
              el_down.innerHTML = 
                      JSON.stringify(Modified_Object);
          }
      
  
    

• 输出：