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

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

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

<h1 style="color:green;"> 
    GeeksforGeeks 
</h1> 
  
<p id="GFG_UP" style="color:green;"> 
</p> 
  
<button onclick="gfg_Fun()"> 
    find First 
</button> 
  
<p id="GFG_DOWN" style="color:green; font-size: 20px;"> 
</p> 
  
<script> 
    // 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]]; 
            } 
</script>

输出：

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

<h1 style="color:green;"> 
    GeeksforGeeks 
</h1> 
  
<p id="GFG_UP" style="color:green;"></p> 
  
<button onclick="gfg_Fun()"> 
    find First 
</button> 
  
<p id="GFG_DOWN" style="color:green;font-size:20px;"></p> 
  
<script> 
    // 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; 
        } 
    }         
</script>

输出：

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

<h1 style="color:green;"> 
    GeeksforGeeks 
</h1> 
  
<p id="GFG_UP" style="color:green;"></p> 
  
<button onclick="gfg_Fun()"> 
    find First 
</button> 
  
<p id="GFG_DOWN" style="color:green; font-size: 20px;"></p> 
  
<script> 
    // 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]; 
            }         
</script>

输出: