Рубрики

Как получить доступ к первому значению объекта с помощью JavaScript?

Есть много методов для доступа к первому значению объекта в JavaScript, некоторые из них обсуждаются ниже:

Пример 1. Этот пример обращается к первому объекту-значению GFG_object с помощью метода object.keys () .

<!DOCTYPE html>  

<html>  

    <head

        <title

            How to access first value of

            an object using JavaScript ?

        </title

    </head

      

    <body style = "text-align:center;">  

          

        <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

    </body>  

</html>

Выход:

  • Прежде чем нажать на кнопку:
  • После нажатия на кнопку:

Пример 2: В этом примере осуществляется доступ к первому значению объекта GFG_object путем циклического обхода объекта и прерывания цикла при доступе к первому значению.

<!DOCTYPE html> 

<html

    <head

        <title

            How to access first value of

            an object using JavaScript ?

        </title

    </head

      

    <body style = "text-align:center;"

      

        <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

    </body

</html>                    

Выход:

  • Прежде чем нажать на кнопку:
  • После нажатия на кнопку:

Пример 3: В этом примере выполняется доступ к первому значению объекта GFG_object с помощью метода object.values () .

<!DOCTYPE html> 

<html

    <head

        <title

            JavaScript | Access the first value of an object

        </title

    </head

      

    <body style = "text-align:center;"

          

        <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

    </body

</html>                    

Выход:

  • Прежде чем нажать на кнопку:
  • После нажатия на кнопку:

Рекомендуемые посты:

Как получить доступ к первому значению объекта с помощью JavaScript?

0.00 (0%) 0 votes