w3resource

JavaScript: Create an object with keys generated by running the provided function for each key and the same values as the provided object

JavaScript fundamental (ES6 Syntax): Exercise-81 with Solution

Write a JavaScript program to create an object with keys generated by running the provided function for each key. The object will have the same values as the provided object.

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

Sample Solution:

JavaScript Code:

//#Source https://bit.ly/2neWfJ2 
const mapKeys = (obj, fn) =>
  Object.keys(obj).reduce((acc, k) => {
    acc[fn(obj[k], k, obj)] = obj[k];
    return acc;
  }, {});
console.log(mapKeys({ a: 1, b: 2 }, (val, key) => key + val));

Sample Output:

{"a1":1,"b2":2}

Flowchart:

flowchart: Create an object with keys generated by running the provided function for each key and the same values as the provided object

Live Demo:

See the Pen javascript-basic-exercise-81-1 by w3resource (@w3resource) on CodePen.


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to implement the Luhn Algorithm used to validate a variety of identification numbers, such as credit card numbers, IMEI numbers, National Provider Identifier numbers etc.
Next: Write a JavaScript program to map the values of an array to an object using a function, where the key-value pairs consist of the original value as the key and the mapped value.

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.



Follow us on Facebook and Twitter for latest update.