Как объект превратить в массив 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]];
1 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
Аватар пользователя Aleksey
Aleksey
15 марта 2023

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

const elements = document.forms[0].elements; // объект коллекции
const arr = Array.from(elements); // массив
0 0
Основы Frontend за 14 дней
  • 72 урока в онлайн-тренажере
  • 4 живых вебинара и масскодинг
  • Помощь наставника на весь период обучения

Есть что добавить? Зарегистрируйтесь

или войдите в аккаунт

Отправляя форму, вы принимаете «Соглашение об обработке персональных данных» и условия «Оферты», а также соглашаетесь с «Условиями использования»

Курсы по программированию в Хекслете

Backend-разработка

Разработка серверной части сайтов и веб-приложений

Frontend-разработка

Разработка внешнего интерфейса сайтов и веб-приложений и верстка

Создание сайтов

Разработка сайтов и веб-приложений на JS, Python, Java, PHP и Ruby on Rails

Тестирование

Ручное тестирование и автоматизированное тестирование на JS, Python, Java и PHP

Аналитика данных

Сбор, анализ и интерпретация данных на Python

Интенсивные курсы

Интенсивное обучение для продолжающих

DevOps

Автоматизация настройки локального окружения и серверов, развертывания и деплоя

Веб-разработка

Разработка, верстка и деплой сайтов и веб-приложений, трудоустройство для разработчиков

Математика для программистов

Обучение разделам математики, которые будут полезны при изучении программирования

JavaScript

Разработка сайтов и веб-приложений и автоматизированное тестирование на JS

Python

Веб-разработка, автоматическое тестирование и аналитика данных на Python

Java

Веб-разработка и автоматическое тестирование на Java

PHP

Веб-разработка и автоматическое тестирование на PHP

Ruby

Разработка сайтов и веб-приложений на Ruby on Rails

Go

Курсы по веб-разработке на языке Go

HTML

Современная верстка с помощью HTML и CSS

SQL

Проектирование базы данных, выполнение SQL-запросов и изучение реляционных СУБД

Git

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