JavaScript判断空对象的5种常用方法详解

一、使用 Object.keys() 方法

1、描述

Object.keys() 方法会返回一个对象自身的所有可枚举属性的数组。如果该数组的长度为 0，则表示该对象是空的。

2、示例

function isEmpty(obj) {
  return Object.keys(obj).length === 0;
}

console.log(isEmpty({})); // true
console.log(isEmpty({a: 1})); // false

二、使用 Object.getOwnPropertyNames() 方法

1、描述

Object.getOwnPropertyNames() 方法返回一个对象自身的所有属性（包括不可枚举属性，但不包括继承的属性）。如果该数组的长度为 0，则表示该对象是空的。

2、示例

function isEmpty(obj) {
  return Object.getOwnPropertyNames(obj).length === 0;
}

console.log(isEmpty({})); // true
console.log(isEmpty({a: 1})); // false

三、使用 JSON.stringify() 方法

1、描述

JSON.stringify() 方法将对象转换为 JSON 字符串。如果对象为空，它会返回 "{}"，可以通过与该字符串做比较来判断对象是否为空。

2、示例

function isEmpty(obj) {
  return JSON.stringify(obj) === '{}';
}

console.log(isEmpty({}));        // true
console.log(isEmpty({a: 1}));   // false

四、使用 for...in 循环

1、描述

for...in 循环会遍历对象的所有可枚举属性。如果循环执行一次，则说明对象不是空的。如果没有执行循环，则说明对象为空。

2、示例

function isEmpty(obj) {
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      return false;
    }
  }
  return true;
}

console.log(isEmpty({})); // true
console.log(isEmpty({a: 1})); // false

五、使用 Object.entries() 方法

1、描述

Object.entries() 方法返回一个数组，数组中的每一项都是一个 [key, value] 键值对数组。如果该数组的长度为 0，则表示对象为空。

2、示例

function isEmpty(obj) {
  return Object.entries(obj).length === 0;
}

console.log(isEmpty({})); // true
console.log(isEmpty({a: 1})); // false

六、Tips

1、原型链上的属性：以上方法都是检查对象本身的属性，而不考虑原型链上的属性。如果您需要考虑原型链上的属性，可以使用 for...in 循环，并结合 hasOwnProperty 方法来排除继承的属性。

2、不包括继承的属性：例如，如果您使用 Object.keys() 或 Object.getOwnPropertyNames()，它们只会列出对象本身的属性，而不会列出从原型继承来的属性。

七、总结

1、最常用和推荐的方法是使用 Object.keys() 或 Object.entries()，它们非常简洁且直观。

2、如果您需要兼容老版本的 JavaScript 环境（如 ES5），则可以使用 for...in 循环或 Object.getOwnPropertyNames()。

到此这篇关于JavaScript如何判断一个对象是空对象的文章就介绍到这了,更多相关JS判断一个对象是空对象内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！