Map an object to an array

JavaScript, Object, Array · Feb 5, 2023

Maps an object to an object array, using the provided mapping function.

Use Object.entries() to get an array of the object's key-value pairs.
Use Array.prototype.reduce() to map the array to an object.
Use mapFn to map the keys and values of the object and Array.prototype.push() to add the mapped values to the array.

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

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

Written by Angelos Chalaris

I'm Angelos Chalaris, a JavaScript software engineer, based in Athens, Greece. The best snippets from my coding adventures are published here to help others learn to code.

If you want to keep in touch, follow me on GitHub or Twitter.