判断对象是否为空的多种方式

判断对象是否为空

网上也有许多方法，这里来整理一下

一、Object.keys(obj)

---

ES6 写法：

const data = {};
const arr = Object.keys(data);
console.log(arr.length); // 0

二、JSON.stringify()

---

const obj = {};
const arr = JSON.stringify(obj);
console.log(arr == "{}"); // true

三、For in 循环

---

const obj = {};
const arr = function () {
  for (let key in obj) {
    return false;
  }
  return true;
};
console.log(arr()); // true为空

四、Object.getOwnPropertyNames()

---

这个方法返回一个包含所有自有属性的数组，不包括原型链上的属性，适用于检查对象的所有属性，包括不可枚举的。

const obj = {};
const arr = Object.getOwnPropertyNames(obj).length === 0;
console.log(arr); // true

五、Reflect.ownKeys()

---

Reflect.ownKeys()提供了最全面的属性列表，包括符号属性和不可枚举的属性，但不包括原型链上的属性。较新的方法，可能不兼容老旧浏览器。适用于需要全面检查对象所有属性的场景。

const obj = {};
const arr = Reflect.ownKeys(obj).length === 0;
console.log(arr); // true

六、Object.entries()

---

Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组，其排列与使用 for...in 循环遍历该对象时返回的顺序一致（区别在于 for-in 循环也枚举原型链中的属性）。

const obj = {};
const arr = Object.entries(obj).length === 0;
console.log(arr); // true

时间对比

---

const obj = {};
for (let i = 0; i < 1000; i++) {
  obj[i] = i;
}

const isEmptyWithKeys = (obj) => {
  return Object.keys(obj).length === 0;
};

const isEmptyWithJSONStringify = (obj) => {
  return JSON.stringify(obj) === "{}";
};

const isEmptyWithForIn = (obj) => {
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      return false;
    }
  }
  return true;
};

const isEmptyWithGetOwnPropertyNames = (obj) => {
  return Object.getOwnPropertyNames(obj).length === 0;
};

const isEmptyWithReflectOwnKeys = (obj) => {
  return Reflect.ownKeys(obj).length === 0;
};

const isEmptyWithEntries = (obj) => {
  return Object.entries(obj).length === 0;
};

console.time("Object.keys");
isEmptyWithKeys(obj);
console.timeEnd("Object.keys");

console.time("JSON.stringify");

isEmptyWithJSONStringify(obj);
console.timeEnd("JSON.stringify");

console.time("for...in");
isEmptyWithForIn(obj);
console.timeEnd("for...in");

console.time("Object.getOwnPropertyNames");
isEmptyWithGetOwnPropertyNames(obj);
console.timeEnd("Object.getOwnPropertyNames");

console.time("Reflect.ownKeys");
isEmptyWithReflectOwnKeys(obj);
console.timeEnd("Reflect.ownKeys");

console.time("Object.entries");
isEmptyWithEntries(obj);
console.timeEnd("Object.entries");

总结

---

本文介绍了 6 种判断对象是否为空的方法，并对比了它们的性能。其中，Object.keys() 是最快的方法，适合在性能要求较高的场景中使用。而 JSON.stringify() 性能较差，不建议用于大对象的判空操作。