Hay muchos métodos para acceder al primer valor de un objeto en JavaScript, algunos de ellos se describen a continuación:
Ejemplo 1: este ejemplo accede al primer objeto de valor de GFG_object utilizando el método 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>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 2: este ejemplo accede al primer valor del objeto GFG_object recorriendo el objeto y rompiendo el bucle al acceder al primer valor.
<!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>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo 3: este ejemplo accede al primer valor del objeto GFG_object utilizando el método 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>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA