js怎么查看object的属性

JS查看对象属性的方法有：Object.keys()、Object.values()、Object.entries()、for…in循环。 其中，Object.keys() 方法是最常用的，它返回一个数组，包含对象自身可枚举属性的名称。下面我们将详细解释这些方法，并探讨它们的优缺点和适用场景。

一、OBJECT.KEYS()

Object.keys() 方法返回一个数组，其元素是一个给定对象自身的可枚举属性名称。

const obj = {
    name: 'John',
    age: 30,
    occupation: 'Developer'
};
console.log(Object.keys(obj)); // ["name", "age", "occupation"]

优点：

简单易用：Object.keys() 是最常用的方法，语法简单明了。
性能较好：在大多数情况下，Object.keys() 的性能表现较好。

缺点：

只返回对象自身的属性，不包括原型链上的属性。
只返回可枚举的属性。

二、OBJECT.VALUES()

Object.values() 方法返回一个数组，其元素是对象自身的可枚举属性值。

const obj = {
    name: 'John',
    age: 30,
    occupation: 'Developer'
};
console.log(Object.values(obj)); // ["John", 30, "Developer"]

优点：

直接获取值：不需要通过属性名称再去访问值。

缺点：

只返回对象自身的属性值，不包括原型链上的属性值。
只返回可枚举的属性值。
相较于 Object.keys()，使用场景稍少。

三、OBJECT.ENTRIES()

Object.entries() 方法返回一个数组，其元素是对象自身可枚举属性的键值对数组。

const obj = {
    name: 'John',
    age: 30,
    occupation: 'Developer'
};
console.log(Object.entries(obj)); 
// [["name", "John"], ["age", 30], ["occupation", "Developer"]]

优点：

键值对形式：非常适合需要遍历键值对的场景。

缺点：

只返回对象自身的属性键值对，不包括原型链上的属性键值对。
只返回可枚举的属性键值对。

四、FOR…IN 循环

for...in 循环可以遍历一个对象的所有可枚举属性，包括从原型链继承的属性。

const obj = {
    name: 'John',
    age: 30,
    occupation: 'Developer'
};
for (let key in obj) {
    if (obj.hasOwnProperty(key)) {
        console.log(key); // "name", "age", "occupation"
    }
}

优点：

遍历全部属性：可以遍历对象所有可枚举属性，包括从原型链继承的属性。

缺点：

需要额外使用 hasOwnProperty 来过滤掉继承属性。
语法相对复杂，不如 Object.keys() 简单明了。

五、OBJECT.GETOWNPROPERTYNAMES()

Object.getOwnPropertyNames() 方法返回一个数组，其元素是对象自身的所有属性（包括不可枚举属性）。

const obj = {
    name: 'John',
    age: 30,
    occupation: 'Developer'
};
console.log(Object.getOwnPropertyNames(obj)); // ["name", "age", "occupation"]

优点：

包含不可枚举属性：可以获取对象的所有属性，包括不可枚举属性。

缺点：

不包括从原型链继承的属性。
一般使用场景较少。

六、REFLECTION

JavaScript 还提供了 Reflect.ownKeys() 方法，用于获取对象的所有属性键，包括符号键。

const obj = {
    name: 'John',
    age: 30,
    occupation: 'Developer'
};
console.log(Reflect.ownKeys(obj)); // ["name", "age", "occupation"]

优点：

支持符号键：可以获取对象的所有属性键，包括符号键。

缺点：

只返回对象自身的属性键，不包括原型链上的属性键。

七、应用场景和最佳实践

在实际开发中，根据不同的应用场景选择合适的方法是非常重要的：

对象自身属性：如果你只需要遍历对象自身的属性，Object.keys() 是首选方法。
键值对形式：如果你需要遍历对象的键值对，Object.entries() 是最佳选择。
包含不可枚举属性：如果你需要获取对象的所有属性，包括不可枚举属性，Object.getOwnPropertyNames() 是合适的选择。
支持符号键：如果你需要获取对象的所有属性键，包括符号键，Reflect.ownKeys() 是最佳选择。

八、性能比较

在性能方面，不同方法的表现也有所不同。在大多数情况下，Object.keys() 的性能较好，因为它只需要返回对象自身的可枚举属性。而 for...in 循环由于需要遍历原型链上的属性，性能相对较差。

示例性能测试代码：

const obj = {
    name: 'John',
    age: 30,
    occupation: 'Developer'
};
console.time('Object.keys');
for (let i = 0; i < 1000000; i++) {
    Object.keys(obj);
}
console.timeEnd('Object.keys');
console.time('for...in');
for (let i = 0; i < 1000000; i++) {
    for (let key in obj) {
        if (obj.hasOwnProperty(key)) {
            // do nothing
        }
    }
}
console.timeEnd('for...in');

通过上述代码，可以测试不同方法的性能表现，从而选择最合适的方法。

九、总结

在 JavaScript 中，查看对象属性的方法多种多样，包括 Object.keys()、Object.values()、Object.entries()、for...in 循环、Object.getOwnPropertyNames() 和 Reflect.ownKeys()。每种方法都有其优缺点和适用场景。在实际开发中，根据具体需求选择合适的方法，可以提高代码的可读性和性能。

推荐系统：如果你在项目管理中需要使用项目团队管理系统，可以考虑使用研发项目管理系统PingCode 或 通用项目协作软件Worktile，它们可以帮助你更高效地管理项目和团队。