Изучение JavaScript: как получить список ключей из объекта

В JavaScript объекты представляют собой фундаментальную структуру данных, используемую для хранения пар ключ-значение. Хотя получить доступ к значениям объекта несложно, получение списка ключей может оказаться немного более сложной задачей. В этой статье мы рассмотрим различные методы извлечения списка ключей из объекта в JavaScript. Мы предоставим примеры кода, иллюстрирующие каждый подход, что позволит вам выбрать тот, который лучше всего соответствует вашим потребностям.

Методы получения списка ключей из объекта:

  1. Object.keys():
    Метод Object.keys()возвращает массив, содержащий имена перечислимых свойств (ключи) объекта.
const obj = { name: 'John', age: 30, city: 'New York' };
const keys = Object.keys(obj);
console.log(keys);
  1. цикл for…in:
    Цикл for...inперебирает все перечислимые свойства, позволяя получить доступ к каждому ключу.
const obj = { name: 'John', age: 30, city: 'New York' };
const keys = [];
for (let key in obj) {
  keys.push(key);
}
console.log(keys);

<ол старт="3">

  • Object.getOwnPropertyNames():
    Метод Object.getOwnPropertyNames()возвращает массив, содержащий все имена свойств (ключи), включая неперечислимые.
  • const obj = { name: 'John', age: 30, city: 'New York' };
    const keys = Object.getOwnPropertyNames(obj);
    console.log(keys);
    1. Reflect.ownKeys():
      Метод Reflect.ownKeys()возвращает массив, содержащий все имена свойств (ключи), включая символы.
    const obj = { name: 'John', age: 30, [Symbol('id')]: 123 };
    const keys = Reflect.ownKeys(obj);
    console.log(keys);
    1. JSON.parse() и JSON.stringify():
      Преобразуя объект в строку JSON с помощью JSON.stringify()и затем анализируя его обратно с помощью JSON.parse(), вы можете получить массив ключей.
    const obj = { name: 'John', age: 30, city: 'New York' };
    const keys = Object.keys(JSON.parse(JSON.stringify(obj)));
    console.log(keys);