w3resource

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

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

Remove Keys from Object

Write a JavaScript program to remove the key-value pairs corresponding to the given keys from an object.

  • Use Object.keys(), Array.prototype.filter() and Array.prototype.includes() to remove the provided keys.
  • Use Array.prototype.reduce() to convert the filtered keys back to an object with the corresponding key-value pairs.

Sample Solution:

JavaScript Code:

//#Source https://bit.ly/2neWfJ2 
// Define a function 'omit' that takes two parameters: 'obj' (an object) and 'arr' (an array of keys to omit).
const omit = (obj, arr) =>
  // Filter the keys of the object to exclude those included in the 'arr' array. Then, reduce the filtered keys to a new object.
  Object.keys(obj)
    .filter(k => !arr.includes(k))
    .reduce((acc, key) => ((acc[key] = obj[key]), acc), {});

// Test the 'omit' function with different objects and arrays of keys to omit, then output the resulting objects.
console.log(omit({ a: 1, b: '2', c: 3 }, ['b'])); // Output: { a: 1, c: 3 }
console.log(omit({ a: 1, b: 2, c: 3 }, ['c'])); // Output: { a: 1, b: 2 }

Output:

{"a":1,"c":3}
{"a":1,"b":2}

Visual Presentation:

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

Flowchart:

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

Live Demo:

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


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to pad a string on both sides with the specified character, if it's shorter than the specified length.
Next: Write a JavaScript program to create an array of key-value pair arrays from an given object.

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://www.w3resource.com/javascript-exercises/fundamental/javascript-fundamental-exercise-39.php