Open In App

How to access first value of an object using JavaScript ?

Improve
Improve
Like Article
Like
Save
Share
Report

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;">
    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>


Output:

How to access first value of an object using JavaScript ?

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;">
    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>


Output:

How to access first value of an object using JavaScript ?

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;">
    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>


Output:

How to access first value of an object using JavaScript ?

How to access first value of an object using JavaScript ?



Last Updated : 12 Jan, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads