w3resource

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:

JavaScript Fundamental: Pick the key-value pairs corresponding to the given keys from an object

Flowchart:

flowchart: Pick the key-value pairs corresponding to the given keys from an object

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.



Become a Patron!

Follow us on Facebook and Twitter for latest update.

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