Для чего используется Object.keys()?

Краткий ответ

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

const user = { name: 'Иван', age: 25 };
const keys = Object.keys(user);
console.log(keys); // ['name', 'age']

Полный ответ

Object.keys() — это метод для получения всех ключей (имен свойств) объекта. Он очень простой и часто используется при работе с объектами.

Что возвращает Object.keys()

Возвращает массив строк — имен всех собственных перечисляемых свойств:

const user = { name: 'Иван', age: 25 };
const keys = Object.keys(user);
console.log(keys); // ['name', 'age']

Простые примеры использования

Подсчет свойств

const user = { name: 'Иван', age: 25, city: 'Москва' };
const count = Object.keys(user).length;
console.log(count); // 3

Перебор ключей

const config = { theme: 'dark', lang: 'ru' };
 
Object.keys(config).forEach(key => {
  console.log(key, config[key]); // theme dark, lang ru
});

Важные особенности

1. Только собственные свойства

const obj = { name: 'Иван' };
// Не включает унаследованные методы типа toString
console.log(Object.keys(obj)); // ['name']

2. Только перечисляемые свойства

const obj = { name: 'Иван' };
// Скрываем свойство
Object.defineProperty(obj, 'hidden', {
  value: 'секрет',
  enumerable: false
});
 
console.log(Object.keys(obj)); // ['name'] - hidden не видно

Когда использовать Object.keys()

Вместо for…in для ключей

const user = { name: 'Иван', age: 25 };
 
// ❌ Сложный способ
for (let key in user) {
  if (user.hasOwnProperty(key)) {
    console.log(key);
  }
}
 
// ✅ Простой способ
Object.keys(user).forEach(key => {
  console.log(key);
});

Для проверки наличия свойств

const obj = { a: 1, b: 2 };
 
// Проверить, есть ли свойства
if (Object.keys(obj).length > 0) {
  console.log('Объект не пустой');
}

Частые ошибки

1. Ожидание значений

// ❌ Думаем, что получим значения
const obj = { a: 1, b: 2 };
const result = Object.keys(obj);
console.log(result); // ['a', 'b'] - ключи, не значения!
 
// ✅ Для значений используем Object.values()
const values = Object.values(obj);
console.log(values); // [1, 2]

2. Работа с необъектами

// ❌ Попытка использовать с примитивами
Object.keys(42); // Ошибка!
 
// ✅ Только с объектами
Object.keys({ value: 42 }); // ['value']

Простые правила

Object.keys() — для получения ключей объекта
Массив строк — всегда возвращает массив имен свойств
Собственные — только собственные перечисляемые свойства
Порядок — сохраняется как в for…in
Простота — проще, чем for…in для получения ключей

Object.keys() удобен, когда нужно работать только с ключами объекта. Это проще, чем for…in, и не требует проверок на наследование.

Хотите больше статей для подготовки к собеседованиям? Подписывайтесь на EasyAdvice, добавляйте сайт в закладки и совершенствуйтесь каждый день 💪