js如何看object 长度

在JavaScript中，有几种方法可以查看对象（object）的长度，即对象中属性的数量。使用Object.keys(obj).length、Object.getOwnPropertyNames(obj).length、以及遍历对象并手动计数，都是查看对象长度的常用方法。本文将详细解释这些方法，并讨论它们的优缺点。

一、使用 `Object.keys(obj).length`

Object.keys() 方法返回一个包含对象自身可枚举属性名称的数组。通过获取这个数组的长度，就可以得到对象的属性数量。

1.1、示例代码

let obj = {
  name: "Alice",
  age: 25,
  profession: "Developer"
};
let length = Object.keys(obj).length;
console.log(length); // 输出 3

1.2、优点和缺点

优点：

简洁明了：代码简洁且易于理解。
广泛支持：现代浏览器和JavaScript环境广泛支持。

缺点：

仅计数可枚举属性：只计算对象自身的可枚举属性，不包括不可枚举属性和继承的属性。

二、使用 `Object.getOwnPropertyNames(obj).length`

Object.getOwnPropertyNames() 方法返回一个包含对象自身所有属性（包括不可枚举属性）名称的数组。通过获取这个数组的长度，可以得到对象的所有属性数量。

2.1、示例代码

let obj = Object.create({}, {
  name: {
    value: "Alice",
    enumerable: true
  },
  age: {
    value: 25,
    enumerable: false
  }
});
let length = Object.getOwnPropertyNames(obj).length;
console.log(length); // 输出 2

2.2、优点和缺点

优点：

全面性：包括所有自有属性（包括不可枚举属性）。

缺点：

复杂性：比Object.keys()稍微复杂一些。
性能：对性能要求更高，因为它处理更多属性。

三、遍历对象并手动计数

通过for...in循环遍历对象属性，并手动计数。这种方法适用于需要自定义计数逻辑的场景。

3.1、示例代码

let obj = {
  name: "Alice",
  age: 25,
  profession: "Developer"
};
let count = 0;
for (let key in obj) {
  if (obj.hasOwnProperty(key)) {
    count++;
  }
}
console.log(count); // 输出 3

3.2、优点和缺点

优点：

灵活性：可以自定义计数逻辑，比如过滤某些属性。
兼容性：适用于所有JavaScript环境。

缺点：

冗长：代码比前两种方法更长。
易错性：手动计数容易出错。

四、使用 `Object.values(obj).length` 与 `Object.entries(obj).length`

这两种方法与Object.keys()类似，但分别返回对象值和键值对的数组，也可以用于获取对象长度。

4.1、示例代码

let obj = {
  name: "Alice",
  age: 25,
  profession: "Developer"
};
let valuesLength = Object.values(obj).length;
let entriesLength = Object.entries(obj).length;
console.log(valuesLength); // 输出 3
console.log(entriesLength); // 输出 3

4.2、优点和缺点

优点：

多样性：提供更多操作对象的方式。
简洁：代码简洁易懂。

缺点：

局限性：和Object.keys()类似，只计算可枚举属性。

五、结论

在JavaScript中查看对象长度的方法有多种，每种方法都有其优缺点。Object.keys(obj).length 是最常用的方式，因为它简洁且易于理解。但在某些场景下，Object.getOwnPropertyNames(obj).length 或 手动遍历计数 可能更适合。根据具体需求选择合适的方法，可以更高效地处理对象属性计数问题。