JavaScript: Pick the key-value pairs corresponding to the given keys from an object
JavaScript fundamental (ES6 Syntax): Exercise-96 with Solution
Write a JavaScript program to pick the key-value pairs corresponding to the given keys from an object.
- Use Array.prototype.reduce() to convert the filtered/picked keys back to an object with the corresponding key-value pairs if the key exists in the object.
Sample Solution:
JavaScript Code:
//#Source https://bit.ly/2neWfJ2
// Define the 'pick' function to pick specific key-value pairs from an object.
const pick = (obj, arr) =>
// Reduce the array of keys 'arr' to build a new object containing only the specified keys.
arr.reduce((acc, curr) => (curr in obj && (acc[curr] = obj[curr]), acc), {});
// Test the 'pick' function with an object and an array of keys to pick.
console.log(pick({ a: 1, b: '2', c: 3 }, ['a', 'c'])); // Output: { a: 1, c: 3 }
Output:
{"a":1,"c":3}
Visual Presentation:
Flowchart:
Live Demo:
See the Pen javascript-basic-exercise-96-1 by w3resource (@w3resource) on CodePen.
Improve this sample solution and post your code through Disqus
Previous: Write a JavaScript program to add an event listener to an element with the ability to use event delegation.
Next: Write a JavaScript program to create an object composed of the properties the given function returns truthy for. The function is invoked with two arguments: (value, key).
What is the difficulty level of this exercise?
Test your Programming skills with w3resource's quiz.
It will be nice if you may share this link in any developer community or anywhere else, from where other developers may find this content. Thanks.
https://w3resource.com/javascript-exercises/fundamental/javascript-fundamental-exercise-96.php
- Weekly Trends and Language Statistics
- Weekly Trends and Language Statistics