JS判断对象是否为空

参考蓝桥云课
“判断对象是否为空”这道题的讲解，这道题看似非常简单，似乎一行代码就可以解决，但在真实的项目中还是不会直接在业务代码中判断，而是会封装成一个函数，本节将会介绍三种实现本题的方式。

知识点

• for in
• Object.keys()
• JSON.stringify()

题解

1.for in

首先可以用遍历解决，用的是 for in，思路如下：

• 遍历这个对象
  • 如果能被遍历，说明这个对象有属性，返回 false
  • 否则说明对象为空，返回 true
    代码实现如下

function isEmptyObject(obj) {
  for (let o in obj) {
    return false;
  }
  return true;
}

2.Object.keys()

还有一种解题方式就是使用 Object.keys()，先把对象转化为数组，然后再根据数组的长度是否为零来判断对象是否为空。

代码实现如下：

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

虽然本题所有的测试用例都是引用类型，但是如果把本方法用到实际的项目中，传入的参数就是不可预知的了，很有可能就是一些奇怪的数据，比如传入 null 或 undefined，就会出问题，如下代码所示：

function isEmptyObject(obj) {
  return Object.keys(obj).length === 0;
}
isEmptyObject(null); // Uncaught TypeError: Cannot convert undefined or null to object
isEmptyObject(undefined); // Uncaught TypeError: Cannot convert undefined or null to object

所以在实际项目中，可以用如下方式实现本函数：

function isEmptyObject(obj) {
  return Object.keys(obj || []).length === 0;
}

3.JSON.stringify()

还可以使用 JSON.stringify() 来解决本题，只需要判断对象转为 JSON 字符串之后，是不是等于 {} 即可，代码如下：

function isEmptyObject(obj) {
  return JSON.stringify(obj) === "{}";
}

这么写判断大多数对象都不会有问题，不过一旦遇到出现“循环引用”的对象，就会报错，如下代码所示：

function isEmptyObject(obj) {
  return JSON.stringify(obj) === "{}";
}

// 循环引用该对象。
const obj = {
  a: 1,
};
obj.a = obj;

isEmptyObject(obj); // 报错

所以在真实的项目中，这种写法也不是保险的，尽量不要用，虽然 bug 发生的概率特别小，但如果没有做容错处理，一旦发生了，就会阻断 js 代码执行，很有可能造成页面加载不出这种非常严重的 bug。