如何使用 JavaScript 访问对象的第一个值？

在 JavaScript 中有很多方法可以访问对象的第一个值，其中一些在下面讨论：

示例 1：本示例使用object.keys()方法访问GFG_object的第一个值对象。

  
  
     
         
            How to access first value of
            an object using JavaScript ?
         
     
      
      
          
          
            GeeksForGeeks  
         
          
        
        
          
         
            find First
         
          
        
        
          
         
          
            // Declare an object
            var GFG_object = {prop_1: "GFG_1",
                    prop_2: "GFG_2", prop_3: "GFG_3"};
              
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
              
            // Use SON.stringify() function to take object
            // or array and create JSON string
            el_up.innerHTML = JSON.stringify(GFG_object);
              
            // Access the first value of an object
            function gfg_Fun() {  
               el_down.innerHTML = GFG_object[Object.keys(GFG_object)[0]]; 
           }
         
      

输出：

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

示例 2：此示例通过遍历对象并在访问第一个值时中断循环来访问对象GFG_object的第一个值。

 
 
     
         
            How to access first value of
            an object using JavaScript ?
         
     
      
     
      
         
            GeeksForGeeks 
         
      
        
          
         
            find First
         
          
        
          
         
          
            // Declare an object
            var GFG_object = {prop_1: "GFG_1",
                    prop_2: "GFG_2", prop_3: "GFG_3"};
              
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
              
            // Use SON.stringify() function to take object
            // or array and create JSON string
            el_up.innerHTML = JSON.stringify(GFG_object);
              
            // Function to access the first value of an object
            function gfg_Fun() { 
                for (var prop in GFG_object) {
                    el_down.innerHTML = GFG_object[prop]
                    break;
                }
            }         
         
     
                    

输出：

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

示例 3：本示例使用object.values()方法访问对象GFG_object的第一个值。

 
 
     
         
            JavaScript | Access the first value of an object
         
     
      
     
          
         
            GeeksForGeeks 
         
          
        
          
         
            find First
         
          
        
          
         
          
            // Declare an object
            var GFG_object = {prop_1: "GFG_value",
                    prop_2: "GFG_2", prop_3: "GFG_3"};
              
            var el_up = document.getElementById("GFG_UP");
            var el_down = document.getElementById("GFG_DOWN");
              
            // Use SON.stringify() function to take object
            // or array and create JSON string
            el_up.innerHTML = JSON.stringify(GFG_object);
              
            // Function to access the first value of an object
            function gfg_Fun() { 
                el_down.innerHTML = Object.values(GFG_object)[0];
        }         
         
     
                    

输出：

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