js对象属性的key怎么取

获取JavaScript对象属性的key的几种方法有：Object.keys()、for…in循环、Object.getOwnPropertyNames()、Reflect.ownKeys()。 在这些方法中，Object.keys() 是最常用的，因为它能获取对象自身的可枚举属性。下面将详细讲解如何使用这些方法来获取JavaScript对象属性的key。

一、OBJECT.KEYS()

Object.keys() 方法返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和手动遍历该对象时一致。这个方法是最常用的，因为它简单直接并且支持大多数浏览器。

const person = {
    name: 'John',
    age: 30,
    city: 'New York'
};
const keys = Object.keys(person);
console.log(keys); // ["name", "age", "city"]

这一方法的优点是非常直观和易于使用。它返回一个数组，数组中的每一个元素都是对象的属性名称（key）。特别适合用于简单的对象属性遍历和处理。

二、FOR…IN 循环

for…in 循环是另一种遍历对象属性的方法。它不仅能够遍历对象自身的属性，还能遍历从原型链继承的属性。

const person = {
    name: 'John',
    age: 30,
    city: 'New York'
};
for (let key in person) {
    if (person.hasOwnProperty(key)) {
        console.log(key); // "name", "age", "city"
    }
}

在使用 for…in 循环时，最好使用 hasOwnProperty() 方法来排除从原型链继承的属性。这种方法在处理复杂对象时非常有用，因为它能够识别并排除原型链上的属性。

三、OBJECT.GETOWNPROPERTYNAMES()

Object.getOwnPropertyNames() 方法返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括 Symbol 属性）组成的数组。

const person = {
    name: 'John',
    age: 30,
    city: 'New York'
};
const keys = Object.getOwnPropertyNames(person);
console.log(keys); // ["name", "age", "city"]

这个方法与 Object.keys() 类似，但它还包括不可枚举属性。在需要获取对象所有属性时非常有用，尤其是当对象中包含一些不可枚举属性时。

四、REFLECT.OWNKEYS()

Reflect.ownKeys() 方法返回一个由目标对象自身的属性键组成的数组。这些属性键包括常规属性键和 Symbol 属性键。

const person = {
    name: 'John',
    age: 30,
    city: 'New York',
    [Symbol('id')]: 123
};
const keys = Reflect.ownKeys(person);
console.log(keys); // ["name", "age", "city", Symbol(id)]

这个方法不仅包含字符串类型的属性键，还包括 Symbol 类型的属性键。在处理包含 Symbol 属性的对象时，这个方法尤为强大。

五、结论

总结： 获取JavaScript对象属性的key的方法主要有 Object.keys()、for…in循环、Object.getOwnPropertyNames()、Reflect.ownKeys()。不同方法适用于不同场景，其中 Object.keys() 最常用、for…in 适用于复杂对象、Object.getOwnPropertyNames() 用于获取所有属性、Reflect.ownKeys() 用于包含 Symbol 属性的对象。

通过对这些方法的深入理解和灵活运用，你可以更高效地处理JavaScript对象的属性。无论是简单的属性遍历，还是复杂的对象操作，这些方法都能为你提供强大的支持。