当前位置：首页 > news >正文

在JavaScript中，查看对象有哪些属性

news 2025/10/25 11:32:59

在JavaScript中，有几种方法可以查看对象有哪些属性。以下是一些常用的方法：

Object.keys(): 返回一个由给定对象自身的可枚举属性组成的数组。
Object.getOwnPropertyNames(): 返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性，但不包括Symbol属性）组成的数组。
for...in循环: 遍历对象自身的和继承的可枚举属性（通常我们会用hasOwnProperty来过滤继承的属性）。
Object.getOwnPropertySymbols(): 返回一个给定对象自身的所有Symbol属性的数组。
Reflect.ownKeys(): 返回一个由目标对象自身的属性键组成的数组，包括不可枚举属性和Symbol属性。

下面我们通过示例来详细说明：

使用Object.keys()

const obj = { a: 1, b: 2, c: 3 };
console.log(Object.keys(obj)); // ['a', 'b', 'c']

使用Object.getOwnPropertyNames()

const obj = { a: 1, b: 2, c: 3 };
// 添加一个不可枚举属性
Object.defineProperty(obj, 'd', {value: 4,enumerable: false
});
console.log(Object.getOwnPropertyNames(obj)); // ['a', 'b', 'c', 'd']

使用for…in循环

const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {if (obj.hasOwnProperty(key)) {console.log(key); // 依次输出 'a', 'b', 'c'}
}

使用Object.getOwnPropertySymbols()

const obj = { a: 1, b: 2, c: 3 };
const sym = Symbol('symbolKey');
obj[sym] = 'symbolValue';
console.log(Object.getOwnPropertySymbols(obj)); // [Symbol(symbolKey)]

使用Reflect.ownKeys()

const obj = { a: 1, b: 2, c: 3 };
const sym = Symbol('symbolKey');
obj[sym] = 'symbolValue';
Object.defineProperty(obj, 'd', {value: 4,enumerable: false
});
console.log(Reflect.ownKeys(obj)); // ['a', 'b', 'c', 'd', Symbol(symbolKey)]

注意事项

上述方法中，Object.keys()和for...in（配合hasOwnProperty）只遍历可枚举属性，而Object.getOwnPropertyNames()和Reflect.ownKeys()会包括不可枚举属性。
for...in循环还会遍历原型链上的可枚举属性，因此通常使用hasOwnProperty来检查属性是否为对象自身的属性。
如果你需要获取Symbol属性，可以使用Object.getOwnPropertySymbols()或Reflect.ownKeys()。