Как объект превратить в массив js

Ответы
Аватар пользователя Ivan Gagarinov
Ivan Gagarinov
22 октября 2021

Для этого можно воспользоваться встроенными методами передав в них объект:

const user = { name: 'Ivan Ivanov', age: 23 };

// Метод для получения ключей объекта
const keys = Object.keys(user); // ['name', 'age'];

// Метод для получения значений объекта
const values = Object.values(user); // ['Ivan Ivanov', 23];

// Метод для получения и ключей, и значений
const entries = Object.entries(user); // [['name', 'Ivan Ivanov'], ['age', 23]];
0 0
Аватар пользователя Aleksey
Aleksey
15 марта 2023

Для частного случая, когда объект представляет собой нумерованную коллекцию (например, коллекция DOM-элементов), это сделать просто с помощью встроенного метода Array.from():

const elements = document.forms[0].elements; // объект коллекции
const arr = Array.from(elements); // массив
0 0
Аватар пользователя Виктория Аблаева
Виктория Аблаева
19 октября 2022

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

В следующем примере будем использовать стандартную агрегацию, деструктуризацию и работу со строками:

const girlsAndFlowers = {
  'Kate': 'roses',
  'Kristy': 'tulips',
  'Mary': 'gerberas',
  'Jane': 'peonies',
};
//в данном объекте записаны имена девушек и их любимые цветы.
for (let [girl, flower] of Object.entries(girlsAndFlowers)) { 
//используем метод Object.entries()
    console.log(`${girl} likes ${flower}`);
};
//Вывод в консоли:
// => Kate likes roses
// => Kristy likes tulips
// => Mary likes gerberas
// => Jane likes peonies

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

0 0
Добавьте ваш ответ

Рекомендуемые курсы

модули
импорты
отладка программы
ошибки
50 часов
Посмотреть
Алгоритмы сортировки
Структуры данных
Бинарный поиск
Жадные алгоритмы
11 часов
Посмотреть
полифиллы
AJAX
события
селекторы
20 часов
Посмотреть