【干货】一文掌握JavaScript检查对象空值的N种技巧！
在开发 JavaScript 应用程序时，经常需要检查对象是否为空。这是因为在处理和操作对象数据时，我们需要确保对象包含有效的值或属性。
在本文中，我们将讨论如何检查对象是否为空，其中包括 JavaScript 中检查对象是否为空的不同方法以及如何检查对象是否为空、未定义或为 null。
一、什么情况下需要检查对象是否为空
以下是一些常见情况，我们需要检查 JavaScript 对象是否为空：
1.防止空引用错误：
当我们尝试访问或使用一个空对象时，可能会导致空引用错误（如 TypeError: Cannot read property ‘x’ of null）。通过检查对象是否为空，我们可以避免这些错误的发生，并采取相应的处理措施。
2.数据验证和表单提交：
在表单提交之前，通常需要验证用户输入的数据是否有效。如果对象为空，表示用户未提供必要的数据或未填写表单字段，我们可以显示错误消息或阻止表单提交。
3.条件逻辑和流程控制：
根据对象是否为空，可以根据不同的条件逻辑执行不同的操作或采取不同的分支。例如，如果对象为空，可以执行备用的默认操作或返回默认值。
4.数据处理和转换：
在处理对象数据之前，可能需要对其进行处理或转换。如果对象为空，可以提前终止或跳过数据处理逻辑，以避免不必要的计算或错误发生。
5.用户界面交互和显示：
在用户界面中，可能需要根据对象的存在与否来显示或隐藏特定的界面元素、更改样式或呈现不同的内容。
通过检查 JavaScript 对象是否为空，可以增加应用程序的健壮性、提升用户体验，并避免潜在的错误和异常情况。因此，检查对象是否为空是编写高质量代码的重要部分。
下面将分享一些常见的检查对象是否为空的方法：
二、使用Object.keys()
使用Object.keys()方法可以检查对象是否为空。
Object.keys(obj)返回一个包含给定对象所有可枚举属性的数组。
利用这个特性，我们可以通过检查返回的数组长度来确定对象是否为空。如果数组长度为0，则表示对象没有任何属性，即为空。
优点： 简单易用，不需要依赖第三方库。
缺点： 无法处理非原始类型的属性，如函数、undefined 等。
以下是一个示例代码：
javascriptCopy Codefunction isObjectEmpty(obj) {
return Object.keys(obj).length === 0;
}
// 测试对象是否为空
const obj1 = {};
console.log(isObjectEmpty(obj1)); // true
const obj2 = { name: "John", age: 25 };
console.log(isObjectEmpty(obj2)); // false
在上面的示例中，我们定义了一个isObjectEmpty()函数，它接受一个对象作为参数。函数内部使用Object.keys(obj)获取对象的所有可枚举属性，并检查返回的数组长度是否为0。根据返回结果，判断对象是否为空。
三、使用Object.values()
使用Object.values()方法来检查对象是否为空，Object.values(obj)方法返回一个包含给定对象所有可枚举属性值的数组。如果返回的数组长度为0，则表示对象没有任何属性值，即为空。
优点： 能够将对象的属性值组成一个数组，可以通过判断该数组的长度来判断对象是否为空。
缺点： 无法直接判断对象是否为空，只提供了属性值的数组。
以下是使用Object.values()方法来检查对象是否为空的示例代码：
function isObjectEmpty(obj) {
return Object.values(obj).length === 0;
}
// 测试对象是否为空
const obj1 = {};
console.log(isObjectEmpty(obj1)); // true
const obj2 = { name: "John", age: 25 };
console.log(isObjectEmpty(obj2)); // false
在上面的示例中，我们定义了一个isObjectEmpty()函数，它接受一个对象作为参数。
函数内部使用Object.values(obj)获取对象的所有可枚举属性值，并检查返回的数组长度是否为0。根据返回结果，判断对象是否为空。
注意，Object.values()方法是ES2017（ES8）引入的新方法，因此在一些旧版本的JavaScript引擎中可能不被支持。在使用之前，请确保你的环境支持该方法或使用适当的polyfill来提供支持。
四、使用 for…in 循环
使用 for…in 循环方法是通过遍历对象的属性来判断对象是否为空。
优点： 可以处理非原始类型的属性。
缺点： 代码较为冗长，需要手动判断每个属性是否为对象自身属性。
以下是一个示例代码：
javascriptCopy Codefunction isObjectEmpty(obj) {
for (let key in obj) {
if (obj.hasOwnProperty(key)) {
return false; // 只要有一个属性存在，就返回false表示不为空
}
}
return true; // 如果遍历完所有属性后仍然没有返回false，表示对象为空
}
// 测试对象是否为空
const obj1 = {};
console.log(isObjectEmpty(obj1)); // true
const obj2 = { name: "John", age: 25 };
console.log(isObjectEmpty(obj2)); // false
在上面的示例中，isObjectEmpty()函数接受一个对象作为参数。函数内部使用 for…in 循环遍历对象的属性，如果发现任何属性，则返回false表示对象不为空；如果循环结束后仍然没有返回false，则表示对象为空，并返回true。
虽然使用 for…in 循环可以达到同样的目的，但相比起使用 Object.keys() 或 Object.values() 方法，它的实现稍显繁琐。
因此，通常情况下，推荐使用 Object.keys() 或 Object.values() 方法来检查对象是否为空，因为它们提供了更简洁和直观的方式。
五、使用 Object.entries()
Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组。如果返回的数组长度为0，则表示对象没有任何属性，即为空。
优点： 能够将对象的键值对组成一个数组，可以通过判断该数组的长度来判断对象是否为空。
缺点： 同样无法直接判断对象是否为空，只提供了键值对数组。
以下是使用Object.entries()方法来检查对象是否为空的示例代码：
function isObjectEmpty(obj) {
return Object.entries(obj).length === 0;
}
// 测试对象是否为空
const obj1 = {};
console.log(isObjectEmpty(obj1)); // true
const obj2 = { name: "John", age: 25 };
console.log(isObjectEmpty(obj2)); // false
在上面的示例中，isObjectEmpty()函数接受一个对象作为参数。函数内部使用Object.entries(obj)获取对象的键值对数组，并检查返回的数组长度是否为0。如果数组长度为0，则表示对象没有任何属性，即为空。
六、使用 JSON.stringify()
使用 JSON.stringify() 方法来检查对象是否为空的方法是将对象转换为 JSON 字符串，然后检查字符串的长度是否为 2。当对象为空时，转换后的字符串为 “{}”，长度为 2。如果对象不为空，则转换后的字符串长度会大于 2。
优点： 可以处理非原始类型的属性，并且转换后的字符串长度为 2 表示对象为空。
缺点： 当对象包含循环引用时，将抛出异常。
以下是使用 JSON.stringify() 方法来检查对象是否为空的示例代码：
function isObjectEmpty(obj) {
return JSON.stringify(obj) === "{}";
}
// 测试对象是否为空
const obj1 = {};
console.log(isObjectEmpty(obj1)); // true
const obj2 = { name: "John", age: 25 };
console.log(isObjectEmpty(obj2)); // false
在上述示例中，isObjectEmpty() 函数接受一个对象作为参数。函数内部使用 JSON.stringify(obj) 将对象转换为 JSON 字符串，然后将转换后的字符串与 “{}” 进行比较。如果相等，则表示对象为空。
需要注意的是，这种方式只适用于纯粹的对象，并且不包含任何非原始类型属性（如函数、undefined 等）。如果对象中包含了非原始类型的属性，那么转换后的 JSON 字符串可能不为空，即使对象实际上是空的。
七、Object.getOwnPropertyNames()
在ES6中，可以使用Object.getOwnPropertyNames()方法来检查对象是否为空，但需要注意的是，该方法返回一个数组，其包含给定对象中所有自有属性（包括不可枚举属性，但不包括使用 symbol 值作为名称的属性）。
**优点：**能够返回对象自身的所有属性名组成的数组，包括可枚举和不可枚举的属性，可以通过判断该数组的长度来判断对象是否为空。
**缺点：**同样无法直接判断对象是否为空，只提供了属性名数组。
以下是使用Object.getOwnPropertyNames()方法来检查对象是否为空的示例代码：
function isObjectEmpty(obj) {
return Object.getOwnPropertyNames(obj).length === 0;
}
// 测试对象是否为空
const obj1 = {};
console.log(isObjectEmpty(obj1)); // true
const obj2 = { name: "John", age: 25 };
console.log(isObjectEmpty(obj2)); // false
在上面的示例中，isObjectEmpty()函数接受一个对象作为参数。函数内部使用Object.getOwnPropertyNames(obj)获取对象的所有属性名，并检查返回的数组长度是否为0。如果数组长度为0，则表示对象没有任何属性，即为空。
注意，Object.getOwnPropertyNames()方法返回的数组只包含对象自身的属性，不包括继承的属性。如果你需要检查继承的属性，请使用for…in循环或其他方法。
同样，Object.getOwnPropertyNames()方法在ES5中引入，因此在一些旧版本的JavaScript引擎中可能不被支持。
八、Object.getOwnPropertySymbols()
在ES6中，可以使用Object.getOwnPropertySymbols()方法来检查对象是否为空。该方法返回一个数组，其中包含了给定对象自身的所有符号属性。
优点： 能够返回对象自身的所有 Symbol 类型的属性组成的数组，可以通过判断该数组的长度来判断对象是否为空。
缺点： 仅针对 Symbol 类型的属性，无法判断其他类型的属性是否为空。
以下是使用Object.getOwnPropertySymbols()方法来检查对象是否为空的示例代码：
function isObjectEmpty(obj) {
const symbols = Object.getOwnPropertySymbols(obj);
const hasSymbols = symbols.length > 0;
return !hasSymbols;
}
// 测试对象是否为空
const obj1 = {};
console.log(isObjectEmpty(obj1)); // true
const symbol = Symbol("key");
const obj2 = { [symbol]: "value" };
console.log(isObjectEmpty(obj2)); // false
在上面的示例中，isObjectEmpty()函数接受一个对象作为参数。函数内部使用
Object.getOwnPropertySymbols(0bj)获取对象的所有符号属性，并将它们存储在symbols数组中。
然后，通过检查symbols数组的长度是否大于0来判断对象是否具有符号属性。如果symbols数组的长度为0，则表示对象没有任何符号属性，即为空。
注意，Object.getOwnPropertySymbols()方法只返回对象自身的符号属性，不包括其他类型的属性，例如字符串属性。
如果你想同时检查对象的字符串属性和符号属性，可以结合使用Object.getOwnPropertyNames()和Object.getOwnPropertySymbols()方法。
九、ES6使用Reflect.ownKeys()
在ES6中，可以使用Reflect.ownKeys()方法来检查对象是否为空。Reflect.ownKeys()返回一个包含了指定对象自身所有属性（包括字符串键和符号键）的数组。
**优点：**能够返回对象自身的所有属性（包括字符串键和 Symbol 键）组成的数组，包括可枚举和不可枚举的属性，可以通过判断该数组的长度来判断对象是否为空。
**缺点：**同样无法直接判断对象是否为空，只提供了所有键的数组。
以下是使用Reflect.ownKeys()方法来检查对象是否为空的示例代码：
function isObjectEmpty(obj) {
return Reflect.ownKeys(obj).length === 0;
}
// 测试对象是否为空
const obj1 = {};
console.log(isObjectEmpty(obj1)); // true
const symbol = Symbol("key");
const obj2 = { [symbol]: "value" };
console.log(isObjectEmpty(obj2)); // false
在上面的示例中，isObjectEmpty()函数接受一个对象作为参数。函数内部使用Reflect.ownKeys(obj)获取对象的所有自身属性名（包括字符串键和符号键），并检查返回的数组长度是否为0。如果数组长度为0，则表示对象没有任何属性，即为空。
Reflect.ownKeys()方法提供了一种统一的方式来获取对象的所有键，包括字符串键和符号键。
因此，使用Reflect.ownKeys()方法可以更全面地检查对象是否为空。
在这里给大家分享一下【云端源想】学习平台，无论你是初学者还是有经验的开发者，这里都有你需要的一切。包含课程视频、知识库、微实战、云实验室、一对一咨询等等，现在功能全部是免费的，点击这里，立即开始你的学习之旅！
十、使用lodash库的isEmpty()函数
如果您使用了lodash库，可以使用其提供的isEmpty()函数来直接判断对象是否为空。
优点： 可以处理各种情况，包括非原始类型的属性、数组、字符串等。
缺点： 需要依赖第三方库。
以下是使用 Lodash 的 isEmpty() 函数进行对象空检查的示例代码：
// 导入Lodash库
const _ = require('lodash');
// 检查对象是否为空
const obj1 = {};
console.log(_.isEmpty(obj1)); // true
const obj2 = { name: "John", age: 25 };
console.log(_.isEmpty(obj2)); // false
在上述示例中，_.isEmpty() 函数接受一个对象作为参数，并返回一个布尔值表示对象是否为空。如果对象为空，则返回 true；否则返回 false。
使用 Lodash 的 isEmpty() 函数可以更方便地进行对象空检查，同时处理了各种情况，包括非原始类型的属性、数组、字符串等。
十一、$.isEmptyObject()函数
要使用 jQuery 库中的 $.isEmptyObject() 函数来检查 JavaScript 对象是否为空，首先确保已经安装了 jQuery 库，并将其导入到你的项目中。
优点： 可以处理各种情况，包括非原始类型的属性、数组、字符串等。
缺点： 需要依赖第三方库。
以下是使用 jQuery 的 $.isEmptyObject() 函数进行对象空检查的示例代码：
// 导入jQuery库
const $ = require('jquery');
// 检查对象是否为空
const obj1 = {};
console.log($.isEmptyObject(obj1)); // true
const obj2 = { name: "John", age: 25 };
console.log($.isEmptyObject(obj2)); // false
在上述示例中，$.isEmptyObject() 函数接受一个对象作为参数，并返回一个布尔值表示对象是否为空。如果对象为空，则返回 true；否则返回 false。
使用 jQuery 的 $.isEmptyObject() 函数可以更方便地进行对象空检查，同时处理了各种情况，包括非原始类型的属性、数组、字符串等。
十二、检查对象是否为空、未定义或为 null
要同时检查对象是否为空、未定义或为 null，你可以使用以下函数来进行判断：
function isObjectEmptyOrNull(obj) {
return obj === undefined || obj === null || Object.getOwnPropertyNames(obj).length === 0;
}
在上述代码中，isObjectEmptyOrNull函数接收一个对象作为参数。它首先检查对象是否为 undefined 或者 null，如果是，则直接返回 true 表示对象为空或者未定义。
如果对象不是 undefined 或者 null，则使用 Object.getOwnPropertyNames() 方法获取对象的所有自身属性名，然后判断属性名数组的长度是否为 0。如果属性名数组长度为 0，则表示对象没有任何属性，即为空。
下面是一个示例用法：
const obj1 = {};
console.log(isObjectEmptyOrNull(obj1)); // true
const obj2 = null;
console.log(isObjectEmptyOrNull(obj2)); // true
const obj3 = { name: "John", age: 25 };
console.log(isObjectEmptyOrNull(obj3)); // false
const obj4 = undefined;
console.log(isObjectEmptyOrNull(obj4)); // true
总体来说， 这些方法都提供了一种间接判断对象是否为空的方式，即通过获取对象的属性、属性值或键值对的数组，并判断该数组的长度。
然而，它们并不能直接告诉我们对象是否为空，因为它们只提供了属性、属性值或键值对的信息。因此，在使用这些方法判断对象是否为空时，需要结合其他判断条件来综合考虑。