Dado un objeto JSON, la tarea es verificar si existe una clave en el objeto o no usando JavaScript. Vamos a discutir algunos métodos.
- hasOwnProperty()
Este método devuelve un valor booleano que indica si el objeto tiene la propiedad definida como propiedad propia (en lugar de heredarla).
Sintaxis:obj.hasOwnProperty(prop)
Parámetros:
- prop: Este parámetro es obligatorio. Especifica el nombre de string o Símbolo de la propiedad a verificar.
Valor de retorno: Devuelve
un valor booleano que indica si el objeto tiene la propiedad especificada como propiedad propia.
Ejemplo 1: este ejemplo busca prop_1 del obj mediante el uso de la propiedad hasOwnProperty .
<!DOCTYPE HTML> <html> <head> <title> JavaScript | Check if a key exists inside a JSON object. </title> </head> <body style="text-align:center;" id="body"> <h1 style="color:green;"> GeeksForGeeks </h1> <p id="GFG_UP" style="font-size: 15px; font-weight: bold;"> </p> <button onclick="gfg_Run()"> check </button> <p id="GFG_DOWN" style="color:green; font-size: 20px; font-weight: bold;"> </p> <script> var el_up = document.getElementById("GFG_UP"); var el_down = document.getElementById("GFG_DOWN"); var obj = { prop_1: "val_1", prop_2: "val_2", prop_3: "val_3", prop_4: "val_4", }; el_up.innerHTML = JSON.stringify(obj); function gfg_Run() { ans = ""; var prop = 'prop_1'; if (obj.hasOwnProperty(prop)) { ans = "var 'obj' has " + prop + " property"; } else { ans = "var 'obj' has not " + prop + " property"; } el_down.innerHTML = ans; } </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 busca pro_1 del obj mediante un simple acceso a la array.
<!DOCTYPE HTML> <html> <head> <title> JavaScript | Check if a key exists inside a JSON object. </title> </head> <body style="text-align:center;" id="body"> <h1 style="color:green;"> GeeksForGeeks </h1> <p id="GFG_UP" style="font-size: 15px; font-weight: bold;"> </p> <button onclick="gfg_Run()"> check </button> <p id="GFG_DOWN" style="color:green; font-size: 20px; font-weight: bold;"> </p> <script> var el_up = document.getElementById("GFG_UP"); var el_down = document.getElementById("GFG_DOWN"); var obj = { prop_1: "val_1", prop_2: "val_2", prop_3: "val_3", prop_4: "val_4", }; el_up.innerHTML = JSON.stringify(obj); function gfg_Run() { ans = ""; var prop = 'pro_1'; if (obj[prop]) { ans = "var 'obj' has " + prop + " property"; } else { ans = "var 'obj' has not " + prop + " property"; } el_down.innerHTML = ans; } </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