Método 1: Usar el método Object.keys(object): El objeto requerido podría pasarse al método Object.keys(object) que devolverá las claves en el objeto. La propiedad de longitud se utiliza en el resultado para comprobar el número de claves. Si la propiedad de longitud devuelve 0 claves, significa que el objeto está vacío.
Sintaxis:
Object.keys(object).length === 0
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to check an object is
empty using JavaScript?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
How to check an object is
empty using JavaScript?
</b>
<p>
Click on the button to check
if the object is empty
</p>
<p>Output for empty object:
<span class="outputEmpty"></span>
</p>
<p>Output for non empty object:
<span class="outputNonEmpty"></span>
</p>
<button onclick="checkObject()">
Click here
</button>
<!-- Script to check the object is empty or not -->
<script type="text/javascript">
function checkObject() {
let emptyObj = {}
let nonEmptyObj = {
title: 'Title 1',
info: 'Sample Info'
}
ans1 = (Object.keys(emptyObj).length === 0)
document.querySelector('.outputEmpty').textContent
= ans1;
ans2 = (Object.keys(nonEmptyObj).length === 0)
document.querySelector('.outputNonEmpty').textContent
= ans2;
}
</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: Recorriendo el objeto usando object.hasOwnProperty(key): Se crea una función donde se recorre el objeto y se verifica si contiene la propiedad ‘key’ usando el método object.hasOwnProperty(). Esta función devolvería verdadero si no pudiera encontrar claves en el bucle, lo que significa que el objeto está vacío. Si se encuentra alguna clave, el ciclo se interrumpe y se devuelve falso. Este método también funciona para navegadores más antiguos que pueden no ser compatibles con el primer método.
Sintaxis:
function isEmptyObj(object) {
for (var key in object) {
if (object.hasOwnProperty(key)) {
return false;
}
}
}
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>
How to check an object is
empty using JavaScript?
</title>
</head>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
How to check an object is
empty using JavaScript?
</b>
<p>
on the button to check
if the object is empty
</p>
<p>
Output for empty object:
<span class="outputEmpty"></span>
</p>
<p>
Output for non empty object:
<span class="outputNonEmpty"></span>
</p>
<button onclick="checkObject()">
Click here
</button>
<script type="text/javascript">
function checkObject() {
let emptyObj = {}
let nonEmptyObj = {
title: 'Title 1',
info: 'Sample Info'
}
ans1 = isEmptyObj(emptyObj);
document.querySelector('.outputEmpty').textContent
= ans1;
ans2 = isEmptyObj(nonEmptyObj);
document.querySelector('.outputNonEmpty').textContent
= ans2;
}
function isEmptyObj(object) {
for (var key in object) {
if (object.hasOwnProperty(key)) {
return false;
}
}
return true;
}
</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 sayantanm19 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA