js怎么获取json对象有几个属性

JavaScript 获取 JSON 对象属性数量的几种实用方法

在 JavaScript 开发中，我们经常需要处理 JSON 数据，一个常见的需求就是快速获取一个 JSON 对象（在 JS 中就是普通对象）中包含了多少个属性，本文将介绍几种主流且实用的方法，帮助你轻松实现这一目标,并分析它们的适用场景。

我们准备一个示例 JSON 对象,用于后续演示：

const user = {
  id: 101,
  name: "张三",
  email: "zhangsan@example.com",
  isActive: true,
  address: {
    city: "北京",
    street: "中关村大街1号"
  }
};

我们的目标是获取 user 对象顶层属性的个数，即 id, name, email, isActive, address 这 5 个。

使用 Object.keys() (推荐)

这是最现代、最简洁且被广泛推荐的方法。Object.keys() 静态方法会返回一个包含对象自身可枚举属性名称的数组。

工作原理：

1. 调用 Object.keys(obj) 获取对象所有键名组成的数组。
2. 使用数组的 .length 属性即可得到键的数量,也就是属性的数量。

代码示例：

const user = {
  id: 101,
  name: "张三",
  email: "zhangsan@example.com",
  isActive: true,
  address: {
    city: "北京",
    street: "中关村大街1号"
  }
};
const propertyCount = Object.keys(user).length;
console.log(propertyCount); // 输出: 5

优点：

• 代码简洁易读：一行代码就能搞定,意图非常明确。
• 性能良好：在现代 JavaScript 引擎中，Object.keys() 的性能非常出色。
• 返回键名数组：除了获取数量，你还可以直接得到所有键名的数组,方便后续遍历或操作。

使用 for...in 循环

for...in 循环用于遍历对象（包括其原型链上）的可枚举属性，如果只想获取对象自身的属性，需要结合 Object.prototype.hasOwnProperty() 方法进行判断。

工作原理：

1. 初始化一个计数器 count = 0。
2. 使用 for...in 循环遍历对象。
3. 在循环体内，使用 hasOwnProperty() 判断当前属性是否是对象自身的属性。
4. 如果是，则计数器 count 加 1。
5. 循环结束后，count 的值即为属性的数量。

代码示例：

const user = {
  id: 101,
  name: "张三",
  email: "zhangsan@example.com",
  isActive: true,
  address: {
    city: "北京",
    street: "中关村大街1号"
  }
};
let count = 0;
for (const key in user) {
  // 确保只统计对象自身的属性，而不是从原型链继承来的
  if (user.hasOwnProperty(key)) {
    count++;
  }
}
console.log(count); // 输出: 5

优点：

• 兼容性好：for...in 是 JavaScript 早期就存在的特性,在所有环境中都可用。
• 功能强大：除了计数,它还允许你在遍历过程中对每个属性进行复杂的操作。

缺点：

• 代码冗长：相比 Object.keys(),需要写更多的代码。
• 性能稍差：遍历循环和 hasOwnProperty 判断的开销通常比 Object.keys() 更大。
• 容易出错：开发者可能会忘记 hasOwnProperty 判断,从而错误地统计到原型链上的属性。

使用 Object.getOwnPropertyNames()

这个方法与 Object.keys() 类似，它返回一个包含对象自身所有属性名称（包括可枚举和不可枚举的）的数组。

工作原理：

1. 调用 Object.getOwnPropertyNames(obj) 获取对象所有自身属性的键名数组（无论是否可枚举）。
2. 使用 .length 属性获取数组长度。

代码示例：

const user = {
  id: 101,
  name: "张三",
  // 假设我们有一个不可枚举的属性
};
Object.defineProperty(user, 'internalId', {
  value: 'ABC-123',
  enumerable: false // 设置为不可枚举
});
const propertyCount = Object.getOwnPropertyNames(user).length;
console.log(propertyCount); // 输出: 4 (id, name, email, isActive, address, internalId)
// 注意：我们的 user 对象现在有6个顶层属性，包括不可枚举的 internalId
// 修正一下上面的示例，让输出更清晰
const userWithNonEnum = {
  id: 101,
  name: "张三",
  email: "zhangsan@example.com",
  isActive: true,
  address: {
    city: "北京",
    street: "中关村大街1号"
  }
};
Object.defineProperty(userWithNonEnum, 'internalId', {
  value: 'ABC-123',
  enumerable: false
});
const countWithNonEnum = Object.getOwnPropertyNames(userWithNonEnum).length;
console.log(countWithNonEnum); // 输出: 6

与 Object.keys() 的区别：

• Object.keys() 只返回可枚举的属性。
• Object.getOwnPropertyNames() 返回所有自身属性,包括那些被设置为不可枚举的属性。

使用场景： 当你需要统计对象所有自身属性（包括那些通过 Object.defineProperty 定义的非枚举属性）时，这个方法非常有用，在绝大多数日常场景中，我们更关心可枚举属性，Object.keys() 是更常见的选择。

总结与最佳实践

对于“如何获取 JSON 对象有几个属性”这个问题，Object.keys(obj).length 是最推荐、最符合现代开发习惯的解决方案，它简洁、高效，并且准确地表达了你的意图——获取对象自身的、可枚举的属性数量。

除非你有特殊需求（例如需要处理不可枚举属性或需要在遍历中执行复杂逻辑），否则请优先使用 Object.keys() 方法。