JS判断对象是不是空？这4种方法超简单又实用！

最近发现不少小伙伴都对文章很感兴趣，所以今天继续给大家介绍文章相关的知识，本文《JS检查对象是否为空？这4种方法超实用！》主要内容涉及到等等知识点，希望能帮到你！当然如果阅读本文时存在不同想法，可以在评论中表达，但是请勿使用过激的措辞~

判断JS对象是否为空有4种实用方案：1. 使用Object.keys()检查属性名数组长度是否为0，简洁常用；2. 使用for...in循环结合hasOwnProperty()遍历判断是否存在自身属性，兼容老版本浏览器；3. 将对象转换为JSON字符串并与'{}'比较，但存在循环引用风险且性能较低；4. 使用Lodash的_.isEmpty()方法，代码简洁但需引入库。若对象包含Symbol属性，可结合Object.keys()与Object.getOwnPropertySymbols()共同判断。选择方案需根据具体场景权衡兼容性、性能及依赖等因素。

判断JS对象是否为空，核心在于检查对象是否包含任何可枚举的属性。简单来说，如果一个对象没有任何属性，那么它就可以被认为是空的。

判断对象为空的4种实用方案

1. 使用Object.keys()

   

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

   function isEmptyObject(obj) {
     return Object.keys(obj).length === 0;
   }
   
   const emptyObj = {};
   const nonEmptyObj = { a: 1 };
   
   console.log(isEmptyObject(emptyObj)); // true
   console.log(isEmptyObject(nonEmptyObj)); // false

   这种方法简洁明了，也是最常用的方式之一。 它的优点在于可读性强，易于理解。

2. 使用for...in循环

   for...in 循环会遍历对象的所有可枚举属性，包括继承的属性。因此，在使用 for...in 循环判断对象是否为空时，需要使用 hasOwnProperty() 方法来排除继承的属性。

   function isEmptyObject(obj) {
     for (let key in obj) {
       if (obj.hasOwnProperty(key)) {
         return false;
       }
     }
     return true;
   }
   
   const emptyObj = {};
   const nonEmptyObj = { a: 1 };
   
   console.log(isEmptyObject(emptyObj)); // true
   console.log(isEmptyObject(nonEmptyObj)); // false

   for...in 循环的优点在于可以兼容一些老版本的浏览器，但相对于 Object.keys() 方法，代码略显冗长。需要注意的是，如果对象继承了可枚举的属性，并且你希望将这些属性也考虑在内，那么可以省略 hasOwnProperty() 的判断。

3. 将对象转换为 JSON 字符串

   可以将对象转换为 JSON 字符串，然后判断字符串是否为 '{}'。

   function isEmptyObject(obj) {
     return JSON.stringify(obj) === '{}';
   }
   
   const emptyObj = {};
   const nonEmptyObj = { a: 1 };
   
   console.log(isEmptyObject(emptyObj)); // true
   console.log(isEmptyObject(nonEmptyObj)); // false

   这种方法虽然简单，但存在一些潜在的问题。例如，如果对象包含循环引用，JSON.stringify() 方法会抛出错误。此外，这种方法的性能相对较低，因为它需要进行字符串转换。

4. 使用 Lodash 的 isEmpty() 方法

   Lodash 是一个流行的 JavaScript 工具库，提供了许多实用的函数。其中，_.isEmpty() 方法可以用来判断对象、数组、字符串等是否为空。

   const _ = require('lodash');
   
   const emptyObj = {};
   const nonEmptyObj = { a: 1 };
   
   console.log(_.isEmpty(emptyObj)); // true
   console.log(_.isEmpty(nonEmptyObj)); // false

   使用 Lodash 的 isEmpty() 方法可以简化代码，并且具有良好的兼容性和性能。但是，需要引入 Lodash 库，这可能会增加项目的体积。

如何选择最合适的方案？

选择哪种方案取决于具体的应用场景和需求。如果对性能要求较高，并且不希望引入额外的依赖，那么 Object.keys() 方法是最佳选择。如果需要兼容老版本的浏览器，或者需要考虑继承的属性，那么 for...in 循环可能更适合。如果已经使用了 Lodash 库，那么可以直接使用 _.isEmpty() 方法。

对象为空和对象为null/undefined的区别是什么？

对象为空（empty object）指的是对象本身存在，但是没有任何属性。而对象为 null 或 undefined 则表示对象根本不存在。

const emptyObj = {}; // 对象为空
const nullObj = null; // 对象为 null
let undefinedObj; // 对象为 undefined

console.log(emptyObj === null); // false
console.log(emptyObj === undefined); // false
console.log(nullObj === undefined); // false

在判断对象是否为空之前，通常需要先判断对象是否为 null 或 undefined，以避免出现错误。

如何处理包含Symbol属性的对象？

Object.keys() 方法只会返回对象自身可枚举的字符串属性名，不会返回 Symbol 属性名。如果需要判断包含 Symbol 属性的对象是否为空，可以使用 Object.getOwnPropertySymbols() 方法获取对象的所有 Symbol 属性名，然后判断数组的长度是否为 0。

function isEmptyObjectWithSymbols(obj) {
  return Object.keys(obj).length === 0 && Object.getOwnPropertySymbols(obj).length === 0;
}

const objWithSymbol = { [Symbol('foo')]: 'bar' };
console.log(isEmptyObjectWithSymbols(objWithSymbol)); // false

除了上述方法，还有其他判断对象为空的方案吗？

理论上还有一些其他的方案，例如使用 Reflect.ownKeys() 获取对象的所有属性名（包括字符串属性名和 Symbol 属性名），然后判断数组的长度是否为 0。但是，这些方案的实用性相对较低，因此不建议使用。

文中关于对象判空的知识介绍，希望对你的学习有所帮助！若是受益匪浅，那就动动鼠标收藏这篇《JS判断对象是不是空？这4种方法超简单又实用！》文章吧，也可关注golang学习网公众号了解相关技术文章。