Usage

const a = { a: 1, b: 2, c: 3 };
listify(a, (key, value) => ({ key, value }));
// => [
//   { key: 'a', value: 1 },
//   { key: 'b', value: 2 },
//   { key: 'c', value: 3 }
// ]

Installation

CLI

npx atmx add helper listify

Manually

Copy and paste the following method into @/utils/helpers/undefined.ts:

/**
* Convert an object to a list, mapping each entry into a list item.
*
* @example
* const a = { a: 1, b: 2, c: 3 }
* listify(a, (key, value) => ({ key, value }))
* // => [
* //   { key: 'a', value: 1 },
* //   { key: 'b', value: 2 },
* //   { key: 'c', value: 3 }
* // ]
*/
export function listify<Value, Key extends string | number | symbol, Item>(
obj: Record<Key, Value>,
toItem: (key: Key, value: Value) => Item,
): Item[] {
if (!obj) {
return [];
}
const entries = Object.entries(obj);
if (entries.length === 0) {
return [];
}
return entries.reduce((acc, entry) => {
acc.push(toItem(entry[0] as Key, entry[1] as Value));
return acc;
}, [] as Item[]);
}