JS 判断 JSON 对象是否为空|极客笔记

JS 判断 JSON 对象是否为空

在日常的前端开发中，经常会遇到需要判断一个 JSON 对象是否为空的情况。虽然在 JavaScript 语言中并没有提供专门的方法来判断 JSON 对象是否为空，但是我们可以通过一些简单的方法来实现这个功能。本文将介绍几种判断 JSON 对象是否为空的方法，并给出示例代码。

什么是 JSON 对象

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于 JavaScript 的对象语法，但与之不同的是，JSON 是纯文本并独立于编程语言。在 JavaScript 中，我们可以通过 JSON.parse() 方法将 JSON 字符串转换成 JavaScript 对象，通过 JSON.stringify() 方法将 JavaScript 对象转换成 JSON 字符串。

下面是一个简单的 JSON 对象的示例：

{
  "name": "Alice",
  "age": 20,
  "email": "alice@example.com"
}

判断 JSON 对象是否为空

在 JavaScript 中，判断一个 JSON 对象是否为空并不像判断普通对象那么简单。因为在 JavaScript 中，一个空对象 {} 依然被认为是一个对象，而不是空的。

下面是几种判断 JSON 对象是否为空的方法：

方法一：使用 `Object.keys()`

我们可以使用 Object.keys() 方法获取一个对象的所有属性名组成的数组，并判断这个数组的长度是否为 0。

示例代码如下：

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

const obj1 = {};
const obj2 = { "name": "Bob" };

console.log(isEmptyObject(obj1)); // true
console.log(isEmptyObject(obj2)); // false

运行结果为：

true
false

方法二：使用 `JSON.stringify()`

我们可以使用 JSON.stringify() 方法将 JSON 对象转换成 JSON 字符串，然后判断这个字符串是否为 {}。

示例代码如下：

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

const obj1 = {};
const obj2 = { "name": "Bob" };

console.log(isEmptyObject(obj1)); // true
console.log(isEmptyObject(obj2)); // false

运行结果为：

true
false

方法三：使用 `for...in` 循环

我们可以使用 for...in 循环遍历 JSON 对象的属性，并判断是否有属性存在。

示例代码如下：

function isEmptyObject(obj) {
  for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
      return false;
    }
  }
  return true;
}

const obj1 = {};
const obj2 = { "name": "Bob" };

console.log(isEmptyObject(obj1)); // true
console.log(isEmptyObject(obj2)); // false

运行结果为：