Как получить ключи и значения объекта одновременно в виде массива?

В JavaScript объект — это коллекция пар «ключ-значение», но у него нет встроенного метода, который сразу вернул бы обе части в виде массива. Для этого существуют статические методы конструктора Object, каждый из которых решает свою задачу.

Основные методы

• Object.keys(obj) — возвращает массив ключей (собственных перечисляемых свойств).
• Object.values(obj) — возвращает массив значений.
• Object.entries(obj) — возвращает массив пар [ключ, значение], что и является ответом на вопрос.

Метод Object.entries особенно удобен, когда нужно одновременно обработать и ключ, и значение — например, при трансформации объекта в Map, при фильтрации или при построении строки.

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

const user = { name: 'Ann', age: 25, city: 'Berlin' };

// Получаем массив пар
const entries = Object.entries(user);
console.log(entries);
// [['name','Ann'], ['age',25], ['city','Berlin']]

// Перебор с деструктуризацией
for (const [key, value] of Object.entries(user)) {
  console.log(`${key} = ${value}`);
}

// Преобразование в Map
const map = new Map(Object.entries(user));

Если нужны только ключи или только значения, применяйте Object.keys и Object.values соответственно — это чуть эффективнее, чем создавать пары и потом их разбирать.

Важно помнить: все три метода возвращают только собственные перечисляемые свойства и не поднимаются по цепочке прототипов. Для символов-ключей используйте Object.getOwnPropertySymbols.

Итог: для одновременного получения ключей и значений используйте Object.entries — это стандартный и читаемый способ, который хорошо сочетается с деструктуризацией и современными итераторами.