Existen principalmente dos métodos para verificar la existencia de una clave en un objeto JavaScript. El primero usa el «operador in» y el segundo usa el «método hasOwnProperty()» .
Método 1: Usar el operador ‘in’: El operador in devuelve un valor booleano si la propiedad especificada está en el objeto.
Sintaxis:
propertyName in object
Ejemplo: este ejemplo utiliza el operador «en» para verificar la existencia de la clave en el objeto de JavaScript.
<!DOCTYPE html>
<html>
<head>
<title>
How to check a key exists in
JavaScript object?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
How to check a key exists
in JavaScript object?
</b>
<p>
Click on the button to check
if key exists in object
</p>
Checking for 'name': <p class="output1"></p>
Checking for 'remarks': <p class="output2"></p>
<button onclick="checkKey()">
Click here
</button>
<script type="text/javascript">
function checkKey() {
// Define an object
exampleObj = {
id: 1,
remarks: 'Good'
}
// Check for the keys
output1 = 'name' in exampleObj;
output2 = 'remarks' in exampleObj;
document.querySelector('.output1').innerHTML
= output1;
document.querySelector('.output2').innerHTML
= output2;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Método 2: Usar el método hasOwnProperty(): El método hasOwnProperty() devuelve un valor booleano que indica si el objeto tiene la propiedad especificada. El nombre de clave requerido podría pasarse en esta función para verificar si existe en el objeto.
Sintaxis:
object.hasOwnProperty(propertyName)
Ejemplo: este ejemplo utiliza el método hasOwnProperty() para verificar la existencia de la clave en el objeto de JavaScript.
<!DOCTYPE html>
<html>
<head>
<title>
How to check a key exists
in JavaScript object?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
How to check a key exists
in JavaScript object?
</b>
<p>
Click on the button to check
if key exists in object
</p>
Checking for 'name': <p class="output1"></p>
Checking for 'remarks': <p class="output2"></p>
<button onclick="checkKey()">
Click here
</button>
<script type="text/javascript">
function checkKey() {
// Define an object
exampleObj = {
id: 1,
remarks: 'Good'
}
// Check for the keys
output1 = exampleObj.hasOwnProperty('name');
output2 = exampleObj.hasOwnProperty('remarks');
document.querySelector('.output1').innerHTML
= output1;
document.querySelector('.output2').innerHTML
= output2;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
JavaScript es mejor conocido por el desarrollo de páginas web, pero también se usa en una variedad de entornos que no son de navegador. Puede aprender JavaScript desde cero siguiendo este tutorial de JavaScript y ejemplos de JavaScript .
Publicación traducida automáticamente
Artículo escrito por sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA