Hack Frontend Community

Как получить все ключи и значения объекта в 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.

Важно:

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

Вывод

  • Object.keys() — получить ключи
  • Object.values() — получить значения
  • Object.entries() — получить пары ключ-значение

Это базовые методы для повседневной работы с объектами в JavaScript.