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

Beginner

This tutorial is from open-source community. Access the source code

Введение

В этом практическом занятии мы научимся преобразовывать объект в массив объектов с использованием функции listify() в JavaScript. Функция использует Object.entries() и Array.prototype.reduce(), чтобы преобразовать объект, а mapFn для преобразования ключей и значений объекта. В конце этого практического занятия вы сможете эффективно преобразовывать объекты в массивы с использованием JavaScript.

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

Чтобы преобразовать объект в массив в JavaScript, можно использовать функцию listify(). Вот, как это можно сделать:

  1. Откройте Терминал/SSH и введите node, чтобы начать практиковаться в написании кода.

  2. Используйте Object.entries(), чтобы получить массив пар ключ-значение объекта.

  3. Используйте Array.prototype.reduce(), чтобы преобразовать массив в объект.

  4. Используйте mapFn, чтобы преобразовать ключи и значения объекта, а Array.prototype.push(), чтобы добавить преобразованные значения в массив.

Вот код для функции listify():

const listify = (obj, mapFn) =>
  Object.entries(obj).reduce((acc, [key, value]) => {
    acc.push(mapFn(key, value));
    return acc;
  }, []);

Вот пример, как использовать ее с объектом под названием people:

const people = { John: { age: 42 }, Adam: { age: 39 } };
listify(people, (key, value) => ({ name: key, ...value }));
// [ { name: 'John', age: 42 }, { name: 'Adam', age: 39 } ]

С помощью этой функции можно легко преобразовать объект в массив в JavaScript.

Резюме

Поздравляем! Вы завершили практическое занятие по преобразованию объекта в массив. Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.