Преобразование объекта в массив в JavaScript

Обычно, преобразование объекта в массив является промежуточным действием в различных операциях. Однако, бывают и случаи, когда действительно необходимо получить именно массив, причем он должен состоять из ключей объекта, или значений, или все вместе.

Рассмотрим основные способы получения массива из объекта.

Object.entries()

Способ позволяет получить из объекта массив с массивами из двух элементов - ключа и его значения.

let object = {
  name: 'Иван',
  age: 45
};
Object.entries(object);  // [['name', 'Иван'], ['age', 45]]

Object.keys()

Способ позволяет получить из объекта массив с ключами объекта.

let object = {
  name: 'Иван',
  age: 45
};
Object.keys(object);  // ['name', 'age']

Object.values()

Способ позволяет получить из объекта массив со значениями объекта.

let object = {
  name: 'Иван',
  age: 45
};
Object.values(object);  // ['Иван', 45]

Цикл for

Цикл позволяет перебрать объект и на этапе каждой итерации расширять массив.

let object = {
  name: 'Иван',
  age: 45
};
let keys = [];

for (let key in object) {
  if (object.hasOwnProperty(key)) {
    keys.push(key);
  }
}
console.log(keys);  // => ['name', 'age']