Para agregar un par clave/valor a un objeto JSON , usamos la notación de puntos o la notación de corchetes . Ambos métodos son ampliamente aceptados.
Ejemplo 1: este ejemplo agrega {“prop_4”: “val_4”} al objeto GFG_p mediante la notación de puntos .
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript |
Add a key/value pair to JSON object
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_up"
style=" font-weight: bold">
</p>
<button onclick="Geeks()">
Click to add
</button>
<p id="GFG_down"
style="color:green;
font-weight: bold" ;>
</p>
<script>
var GFG_p = {
prop_1: "val_1",
prop_2: "val_2",
prop_3: "val_3"
};
var p_up =
document.getElementById("GFG_up");
var p_down =
document.getElementById("GFG_down");
p_up.innerHTML =
JSON.stringify(GFG_p);
function Geeks() {
GFG_p.prop_4 = "val_4";
p_down.innerHTML = JSON.stringify(GFG_p);
}
</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 agrega {“prop_4”: “val_4”} al objeto GFG_p usando la notación de corchetes .
<!DOCTYPE html>
<html>
<head>
<title>
JavaScript
| Add a key/value pair to JSON object
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<p id="GFG_up"
style=" font-weight: bold">
</p>
<button onclick="Geeks()">
Click to add
</button>
<p id="GFG_down"
style="color:green;
font-weight: bold" ;>
</p>
<script>
var GFG_p = {
prop_1: "val_1",
prop_2: "val_2",
prop_3: "val_3"
};
var p_up =
document.getElementById("GFG_up");
var p_down =
document.getElementById("GFG_down");
p_up.innerHTML =
JSON.stringify(GFG_p);
function Geeks() {
GFG_p["prop_4"] = "val_4";
p_down.innerHTML = JSON.stringify(GFG_p);
}
</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