Executing array string as JS method

Question

I have the following code.
How can I execute the the clearSearch method as part of the methods Array?

//Assume this is in a different file, inside a controller. 
//I have access to the controller through a global variable.
function clearSearch() {
 console.log('Search cleared');
}

.

function Task() {
 this.controllers = [];
 this.stores = [];
 this.methods = [];
}
var taskList = [];
var task = new Task();
task.controllers.push('Search');
task.stores.push('search.Case', 'search.Result');
task.methods.push('clearSearch');
taskList.push(task);

• Bergi: Which clearSearch method? Where is it defined?
• Sterling Archer: You do realize you're pushing strings, right, not methods?
• hermann: I realize I'm pushing Strings, it's why I'm asking this question in the first place.

Answer 1

If you have the function in your scope:

function clearSearch() { ... }

Then you should reference it by name not by the string and push that:

task.methods.push(clearSearch);

To execute it you can do now:

task.methods[i]();

Where i is the index of the desired function in the array.

• hermann: OK, however it is not in the scope, it's under a controller in a different file.

Answer 2

You can put the clearSearch function in an object like this:

var obj = {
 clearSearch: function () {
 console.log('Search cleared');
 }
};

Then you can call it like this:

obj['clearSearch']();

Fiddle

See this MDN Article on bracket notation for more information.