Dado un objeto JavaScript y la tarea es obtener el último elemento del objeto JavaScript.
Enfoque 1:
- Utilice el método Object.keys() para obtener todas las claves del objeto.
- Ahora use la indexación para acceder al último elemento del objeto JavaScript.
Ejemplo: Este ejemplo implementa el enfoque anterior.
<!DOCTYPE HTML>
<html>
<head>
<title>
How to get the last item
of JavaScript object ?
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksforGeeks
</h1>
<p id = "GFG_UP1" style =
"font-size: 15px; font-weight: bold;">
</p>
<p id = "GFG_UP2" style = "font-size: 15px;
font-weight: bold; color: green;">
</p>
<button onclick = "GFG_Fun()">
click here
</button>
<p id = "GFG_DOWN" style = "color:green;
font-size: 20px; font-weight: bold;">
</p>
<script>
var up1 = document.getElementById('GFG_UP1');
var up2 = document.getElementById('GFG_UP2');
var down = document.getElementById('GFG_DOWN');
var Obj = {
"1_prop": "1_Val",
"2_prop": "2_Val",
"3_prop": "3_Val"
};
up1.innerHTML = "Click on the button to get"
+ "the last element of the Object.";
up2.innerHTML = JSON.stringify(Obj);
function GFG_Fun() {
down.innerHTML = "The last key = '" +
Object.keys(Obj)[Object.keys(Obj).length-1]
+ "' <br> Value = '"
+ Obj[Object.keys(Obj)[Object.keys(Obj).length-1]]
+ "'";
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Enfoque 2:
- Use for loop para acceder a todas las claves del objeto y al final del bucle, la variable de bucle tendrá la última clave del objeto.
- Ahora use la indexación para acceder al valor del último elemento del objeto JavaScript.
Ejemplo: Este ejemplo implementa el enfoque anterior.
<!DOCTYPE HTML>
<html>
<head>
<title>
How to get the last item
of JavaScript object ?
</title>
</head>
<body style = "text-align:center;">
<h1 style = "color:green;" >
GeeksforGeeks
</h1>
<p id = "GFG_UP1" style =
"font-size: 15px; font-weight: bold;">
</p>
<p id = "GFG_UP2" style = "font-size: 15px;
font-weight: bold; color: green;">
</p>
<button onclick = "GFG_Fun()">
click here
</button>
<p id = "GFG_DOWN" style = "color:green;
font-size: 20px; font-weight: bold;">
</p>
<script>
var up1 = document.getElementById('GFG_UP1');
var up2 = document.getElementById('GFG_UP2');
var down = document.getElementById('GFG_DOWN');
var Obj = {
"1_prop": "1_Val",
"2_prop": "2_Val",
"3_prop": "3_Val"
};
up1.innerHTML = "Click on the button to get"
+ "the last element of the Object.";
up2.innerHTML = JSON.stringify(Obj);
function GFG_Fun() {
var lastElement;
for (lastElement in Obj);
lastElement;
down.innerHTML = "The last key = '" +
lastElement + "' <br> Value = '"
+ Obj[lastElement] + "'";
}
</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