w3resource

JavaScript: Get an array of function property names from own enumerable properties of an object

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

Array of Function Property Names

Write a JavaScript program to get an array of function property names from the own (and optionally inherited) enumerable properties of an object.

  • Use Object.keys(obj) to iterate over the object's own properties.
  • If inherited is true, use Object.getPrototypeOf(obj) to also get the object's inherited properties.
  • Use Array.prototype.filter() to keep only those properties that are functions.
  • Omit the second argument, inherited, to not include inherited properties by default.

Sample Solution:

JavaScript Code:

//#Source https://bit.ly/2neWfJ2
// Define a function 'functions' that retrieves the names of all functions in an object.
const functions = (obj, inherited = false) =>
  // Check if 'inherited' is true.
  (inherited
    ? // If true, concatenate the keys of the object and its prototype.
      [...Object.keys(obj), ...Object.keys(Object.getPrototypeOf(obj))]
    : // If false, get only the keys of the object.
      Object.keys(obj)
  )
  // Filter the keys to include only those with function values.
  .filter(key => typeof obj[key] === 'function');

// Define a constructor function 'Foo'.
function Foo() {
  // Assign arrow function expressions to properties 'a' and 'b'.
  this.a = () => 1;
  this.b = () => 2;
}

// Assign an arrow function expression to the prototype property 'c'.
Foo.prototype.c = () => 3;

// Create an instance of 'Foo' and log the functions in the instance.
console.log(functions(new Foo())); // Output: [ 'a', 'b' ]

// Create an instance of 'Foo' and include inherited functions, then log them.
console.log(functions(new Foo(), true)); // Output: [ 'a', 'b', 'c' ]

Output:

["a","b"]
["a","b","c"]

Flowchart:

flowchart: Get an array of function property names from own enumerable properties of an object

Live Demo:

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


Improve this sample solution and post your code through Disqus

Previous: Write a JavaScript program to perform a deep comparison between two values to determine if they are equivalent.
Next: Write a JavaScript program to retrieve a set of properties indicated by the given selectors from an 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-48.php