Введение
В этом практическом занятии мы научимся преобразовывать объект в массив объектов с использованием функции listify() в JavaScript. Функция использует Object.entries() и Array.prototype.reduce(), чтобы преобразовать объект, а mapFn для преобразования ключей и значений объекта. В конце этого практического занятия вы сможете эффективно преобразовывать объекты в массивы с использованием JavaScript.
Как преобразовать объект в массив в JavaScript
Чтобы преобразовать объект в массив в JavaScript, можно использовать функцию listify(). Вот, как это можно сделать:
Откройте Терминал/SSH и введите
node, чтобы начать практиковаться в написании кода.Используйте
Object.entries(), чтобы получить массив пар ключ-значение объекта.Используйте
Array.prototype.reduce(), чтобы преобразовать массив в объект.Используйте
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, чтобы улучшить свои навыки.