Files
30-seconds-of-code/snippets/js/s/map-values.md
2023-05-10 22:35:09 +03:00

30 lines
712 B
Markdown

---
title: Map object values
type: snippet
language: javascript
tags: [object]
cover: travel-mug-1
dateModified: 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`.
```js
const mapValues = (obj, fn) =>
Object.keys(obj).reduce((acc, k) => {
acc[k] = fn(obj[k], k, obj);
return acc;
}, {});
```
```js
const users = {
fred: { user: 'fred', age: 40 },
pebbles: { user: 'pebbles', age: 1 }
};
mapValues(users, u => u.age); // { fred: 40, pebbles: 1 }
```