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

4 года назад

Человек-Молекула

Присоединяйтесь к нашему Telegram-сообществу

Ответы

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

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]];

4 года назад

Ivan Gagarinov

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

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

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

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

3 года назад

Виктория Аблаева

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

const elements = document.forms[0].elements; // объект коллекции
const arr = Array.from(elements); // массив

2 года назад

Aleksey

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

СИКП на JS

Навык понимать программы на фундаментальном уровне, уверенно проходить собеседования и решать сложные задачи

2 месяца

ООП на Javascript

Навык глубокого понимания архитектуры и написания чистого кода, позволяющий решать сложные задачи

8 месяцев

Автоматизатор тестирования на JavaScript

Git, JavaScript, Playwright, бэкенд-тесты, юнит-тесты, API-тесты, UI-тесты, Github Actions, HTTP/HTTPS, API, Docker, SQL

Похожие вопросы