How to convert an object of elements to an array without losing the object keys

object-values-to-array-without-losing-keys.js

const mapValues = require("lodash.mapvalues");

// How to convert an object of elements to an array without losing the object
// keys?
// e.g going from
// {
//   "attr-enum-sfa": { mode: "UPDATE", value: undefined },
//   "attr-set-enum-sfa": { mode: "ADD_VALUES", value: undefined },
//   "attr-text-sfa-s": { mode: "UPDATE", value: undefined }
// }
// to
// [
//   { name: "attr-enum-sfa", mode: "UPDATE", value: undefined },
//   { name: "attr-set-enum-sfa", mode: "ADD_VALUES", value: undefined },
//   { name: "attr-text-sfa-s", mode: "UPDATE", value: undefined }
// ];
// keys are the name properties

let result;

const selectedAttributes = {
  "attr-enum-sfa": { mode: "UPDATE", value: undefined },
  "attr-set-enum-sfa": { mode: "ADD_VALUES", value: undefined },
  "attr-text-sfa-s": { mode: "UPDATE", value: undefined }
};

// using lodash
// this is not the way to go because the need to use an intermediate variable
// for readability purpose
const intermediate = mapValues(selectedAttributes, ({ value, mode }, key) => ({
  mode,
  value,
  name: key
}));

result = Object.values(intermediate);
// [
//   { mode: "UPDATE", value: undefined, name: "attr-enum-sfa" },
//   { mode: "ADD_VALUES", value: undefined, name: "attr-set-enum-sfa" },
//   { mode: "UPDATE", value: undefined, name: "attr-text-sfa-s" }
// ];

// not using lodash
// this is the way to go, simple, readable and no intermediate variables
result = Object.entries(selectedAttributes).map(([name, { mode, value }]) => ({
  name,
  mode,
  value
}));
// [
//   { name: "attr-enum-sfa", mode: "UPDATE", value: undefined },
//   { name: "attr-set-enum-sfa", mode: "ADD_VALUES", value: undefined },
//   { name: "attr-text-sfa-s", mode: "UPDATE", value: undefined }
// ];