Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App
geeksforgeeks
Browser
Continue

Related Articles

How to access first value of an object using JavaScript ?

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

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 ?


My Personal Notes arrow_drop_up
Last Updated : 12 Jan, 2023
Like Article
Save Article
Similar Reads
Related Tutorials