「真题讲解」- 判断对象是否为空

本节介绍

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

知识点

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。

知识延伸

1.如何判断原始数据为空

答：使用 ! 运算符，把原始数据隐式转换为 Boolean 类型。

判断原始数据为空一般不需要封装成一个方法，直接写进业务代码即可，比如：

if (!target) {
  // do something
}

while (!target) {
  // do something
}

2.如何判断数组为空

答：直接判断数组长度为 0 即可，代码如下：

function isEmptyArray(arr) {
  return Array.isArray(arr) && arr.length === 0;
}

这种写法已经可以用到项目里了，不过，如果非要深入研究的话，JS 里的数组也是对象，所以数组下标可以是负数，也可以是小数，甚至是字符串都可以，只是这几种写法数组的 length 不会改变，代码如下：

const arr = [];
arr[-1] = "xxx";
arr[0.5] = "xxx";
arr["xxx"] = "xxx";
console.log(arr.length); // 0

所以说，判断数组是否为空最完善的方法就是把数组当对象处理，直接用上面判断对象是否为空的方式判断即可。

const arr = [];
arr[-1] = "xxx";
arr[0.5] = "xxx";
arr["xxx"] = "xxx";

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

console.log(isEmptyObject(arr)); // false

不过上述都是很边界的情况，在平时开发时直接判断数组长度为 0 也没什么问题。

本节总结

本节我们学习了如何判断一个数据为空，最终的结论是：

判断对象为空，就使用 for in 或者 Object.keys 来判断，尽量不要使用 JSON.stringify。
判断数组为空，一般判断长度为 0，也可以用和判断对象为空一样的方法来判断。
判断原始类型为空，就使用 ! 运算符来判断。

2023年——判断一个对象为空对象的五种方法