30-seconds-of-code/snippets/js/s/map-values.md

title, type, language, tags, cover, dateModified

title	type	language	tags	cover	dateModified
Map object values	snippet	javascript	object	travel-mug-1	2020-10-21T21:54:53+03:00

Maps the values of an object using the provided function, generating a new object with the same keys.

• Use Object.keys() to iterate over the object's keys.
• Use Array.prototype.reduce() to create a new object with the same keys and mapped values using fn.

const mapValues = (obj, fn) =>
  Object.keys(obj).reduce((acc, k) => {
    acc[k] = fn(obj[k], k, obj);
    return acc;
  }, {});

const users = {
  fred: { user: 'fred', age: 40 },
  pebbles: { user: 'pebbles', age: 1 }
};
mapValues(users, u => u.age); // { fred: 40, pebbles: 1 }