Як отримати всі ключі та значення об'єкта в JavaScript

JavaScript надає три зручні методи для роботи з об'єктами:

Метод	Опис	Повертає
`Object.keys()`	Отримати всі ключі об'єкта	`string[]`
`Object.values()`	Отримати всі значення об'єкта	`any[]`
`Object.entries()`	Отримати всі пари	`[key, value][]`

Отримати Всі Ключі

const user = { name: "Alice", age: 25, role: "admin" };

const keys = Object.keys(user);
console.log(keys); // ["name", "age", "role"]

const values = Object.values(user);
console.log(values); // ["Alice", 25, "admin"]

const entries = Object.entries(user);
console.log(entries);
// [["name", "Alice"], ["age", 25], ["role", "admin"]]

Використовуючи for...of та Object.entries():

for (const [key, value] of Object.entries(user)) {
  console.log(`${key}: ${value}`);
}

Використовуючи for...in (менш рекомендовано):

for (const key in user) {
  if (user.hasOwnProperty(key)) {
    console.log(`${key}: ${user[key]}`);
  }
}

for...in перераховує всі перераховувані пропси, включаючи успадковані. Тому потрібно використовувати hasOwnProperty.

Важливо:

Порядок ключів в об'єкті не є строго гарантованим (але на практиці — стабільний в сучасних браузерах).

Це базові методи для щоденної роботи з об'єктами в JavaScript.

Для співбесіди

Premium

Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.

Дочитали статтю?