How to access first value of an object using JavaScript ?

0 0 1 minute read

There are many methods to access the first value of an object in JavaScript some of them are discussed below:

Example 1: This example accesses the first value object of GFG_object by using object.keys() method.

html

<h1 style="color:green;"> 
    zambiatek 
</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>

Output:

How to access first value of an object using JavaScript ?

Example 2: This example accesses the first value of object GFG_object by looping through the object and breaking the loop on accessing the first value.

html

<h1 style="color:green;"> 
    zambiatek 
</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>

Output:

How to access first value of an object using JavaScript ?

Example 3: This example accesses the first value of objectGFG_object by using object.values() method.

html

<h1 style="color:green;"> 
    zambiatek 
</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>