正文

掌握JS中如何获取对象键的实用方法

/0 浏览量
0704

在JavaScript中，对象键的获取是一个基础但实用的操作。对象键是对象的属性名，它们可以是字符串、数字或者符号（Symbol）。以下是一些获取对象键的实用方法：

1. 使用 Object.keys()

Object.keys() 方法会返回一个包含对象所有自身可枚举属性的键的数组。这个方法不会返回原型链上的键。

const person = {
  name: 'Alice',
  age: 25
};

const keys = Object.keys(person);
console.log(keys); // ['name', 'age']

2. 使用 Object.entries()

Object.entries() 方法会返回一个包含对象自身可枚举属性的键值对的数组。

const person = {
  name: 'Alice',
  age: 25
};

const entries = Object.entries(person);
console.log(entries); // [['name', 'Alice'], ['age', 25]]

3. 使用 Object.getOwnPropertyNames()

Object.getOwnPropertyNames() 方法会返回一个包含对象所有自身属性（包括不可枚举属性）的键的数组。

const person = {
  name: 'Alice',
  age: 25,
  [Symbol('secret')]: '保密'
};

const propertyNames = Object.getOwnPropertyNames(person);
console.log(propertyNames); // ['name', 'age', Symbol(secret)]

4. 使用 for...in 循环

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

const person = {
  name: 'Alice',
  age: 25
};

for (const key in person) {
  if (person.hasOwnProperty(key)) {
    console.log(key); // 'name', 'age'
  }
}

5. 使用 Object.getOwnPropertySymbols()

Object.getOwnPropertySymbols() 方法会返回一个包含对象自身所有Symbol键的数组。

const person = {
  name: 'Alice',
  age: 25,
  [Symbol('secret')]: '保密'
};

const symbolKeys = Object.getOwnPropertySymbols(person);
console.log(symbolKeys); // [Symbol(secret)]

6. 使用 Reflect.ownKeys()

Reflect.ownKeys() 方法返回一个数组，包含了对象自身的所有键，包括不可枚举键和Symbol键。

const person = {
  name: 'Alice',
  age: 25,
  [Symbol('secret')]: '保密'
};

const ownKeys = Reflect.ownKeys(person);
console.log(ownKeys); // ['name', 'age', Symbol(secret)]

这些方法各有用途，根据你的具体需求选择合适的方法。例如，如果你需要处理对象的原型链上的属性，那么 for...in 循环可能是你的选择。如果你需要获取所有类型的键，包括不可枚举和Symbol键，那么 Reflect.ownKeys() 是最合适的方法。

-- 展开阅读全文 --