В чем разница между Object.keys и Object.getOwnPropertyNames

«В чем разница между Object.keys и Object.getOwnPropertyNames» — вопрос из категории JavaScript, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

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

Пример:

const obj = {
  a: 1,
  [Symbol('secret')]: 2
};

Object.defineProperty(obj, 'hidden', {
  value: 3,
  enumerable: false
});

console.log(Object.keys(obj)); // ['a']
console.log(Object.getOwnPropertyNames(obj)); // ['a', 'hidden']

Ключевые отличия:

  1. Object.keys игнорирует неперечисляемые свойства
  2. Оба метода не возвращают символьные свойства (для них есть Object.getOwnPropertySymbols())
  3. getOwnPropertyNames включает свойства, даже если они не участвуют в итерации (for...in)